css - 我想要在同一行上的 P 标签文本彼此相邻

Question

我一直在尝试将 P 标签文本左右对齐，但无法做到这一点。它们都在同一个 div 中，我在 ems 中编码，% 有人可以帮忙吗？

score 5 · Accepted Answer

5

使显示：内联；对于 p 标签

于 2013-07-16T14:34:41.033 回答

score 5 · Accepted Answer

您应该使用 span 而不是 p ，它的默认显示为 inline

<span>Your text here</span>

p 元素是默认的显示块。如果您坚持使用 p，那么您需要深入研究一些 CSS。像这样为 p 元素（或 ID，如果它是唯一的）设置一个类

<p class="inline-p">Your text here </p>

然后在一个单独的 CSS 文件中，使用选择器来引用该类。请尽量避免在您的 HTML 中使用内联 CSS。它可能成为以后维护的噩梦。

.inline-p {
     // Modify display for this class
     display: inline;
}

当存在可以完成您想要做的事情的现有 HTML 标记时，您应该避免修改 HTML 标记的属性。尽管如此，您的两个选项都在此处显示。祝你的网站好运。

score 1 · Accepted Answer

除非使用 span，否则不能在同一个 p 标签中左右对齐文本。但是你可以使用 CSS float 属性来做到这一点

<p style="float: left">Some text on the left</p>
<p style="float: right">Some text on the right</p>

score 0 · Accepted Answer

你还没有发布任何代码供我们分析，所以一般来说......你可以弄乱“显示”CSS样式和浮动来让它们根据需要排列，或者你可以使用已经存在的更合适的标签内联，就像一个跨度。

4 回答 4