问:如何在一行中左对齐、右对齐和居中三个 h1 文本?
我已经能够左对齐和右对齐,但是当我将第三个文本居中时,所有内容都在单独的行中滑动?谢谢。
这就是我到目前为止所拥有的(第 5 行(居中)是将其抛出的原因):
html> <body> <header> <h1 style="text-align:left;float:left;">标题</h1> <h1 style="text-align:center;float:center;">MyPage</ h1> <h1 style="text-align:right;float:right;">上下文</h1> <hr style="clear:both;"/> </header> </body>
</html>
答:H1 元素出现在不同行的原因是因为它们默认是块元素。块元素占据页面的整个宽度并将其余内容推开。要更改此行为,您需要将其 display 属性更改为 inline-block 值。
看这里 -
h1 {
显示:内联块;}
这应该允许它们与其他内联元素显示在同一行上。