我希望P标签文本在同一条线上彼此相邻

Ant*_*man 2 css alignment css3 responsive-design

我一直试图将P标签文本左右对齐,但不能让它这样做.他们都属于同一个div,我在ems编码,%有人可以帮忙吗?

Pau*_*ton 6

您应该使用 span 而不是 p,后者默认显示为内联

<span>Your text here</span>
Run Code Online (Sandbox Code Playgroud)

p 元素是默认显示块。如果你坚持使用 p,那么你需要深入研究一些 CSS。为 p 元素设置一个类(或者 ID,如果它是唯一的),如下所示

<p class="inline-p">Your text here </p>
Run Code Online (Sandbox Code Playgroud)

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

.inline-p {
     // Modify display for this class
     display: inline;
}
Run Code Online (Sandbox Code Playgroud)

当存在可以完成您想要执行的操作的现有 HTML 标记时,您应该避免修改 HTML 标记的属性。尽管如此,您的两种选择都在这里呈现。祝您的网站好运。


小智 5

制作显示:内联; 对于p标签