需要适当的 CSS 才能使文本和 href 对齐完美

Question

我是 CSS 新手。我从现有代码中复制了 CSS 并进行了如下更改：

.feedback_h1 {

  width: 100%;

  float: left;

  margin: 0px;

  font-family: Arial;

  font-size: 12px;

  font-width: 400;

  color: #000000;

  margin-bottom: 15px;

}

<div Class="feedback_h1">

  We will use only personal information. Our <a href="https://example.com" target="_blank">privacy 

      policy</a> agreed?

</div>

现在我得到的结果如下：

  We will use only personal information. Our

  privacy policy

  agreed?

但是，我期待像（一行）这样的结果：

  We will use only personal information. Our privacy policy agreed?

我想，我需要右对齐（因为左对齐正确）或者我在CSS中遗漏了一些东西吗？我可以在 CSS 中考虑哪些附加属性来使其在一行中实现？

VS 2013是否提供了设计器视图来对齐cshtml页面？

Answer 1

看起来您的<a>锚元素可能会显示块。这将导致锚元素之间包裹的单词默认具有widthof 。100%尝试将以下内容放入您的 css 中.feedback_h1&nbsp;a&nbsp;{ &nbsp;&nbsp;display:&nbsp;inline-block; }<a>元素是display: inline默认的，所以不确定为什么会这样。但从代码来看，这似乎是代码产生此结果的最明显原因。为了弄清楚发生了什么，我建议使用浏览器的检查器工具并直接检查元素。查看应用于元素的 CSS 样式通常有助于调试，并通过取消选中它们或更改它们来进行测试，以查看其在您网站上的实时效果。