需要适当的 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 a {
  display: inline-block;
}

<a>元素是display: inline默认的，所以不确定为什么会这样。但从代码来看，这似乎是代码产生此结果的最明显原因。

为了弄清楚发生了什么，我建议使用浏览器的检查器工具并直接检查元素。查看应用于元素的 CSS 样式通常有助于调试，并通过取消选中它们或更改它们来进行测试，以查看其在您网站上的实时效果。