TEL:400-8793-956
当前位置:程序、服务器

一行中有 3 个 h1 元素?在角落对齐并居中

提问者: 近期获赞: 浏览人数: 发布时间:2021-08-16 09:09:20

 问:如何在一行中左对齐、右对齐和居中三个 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  {
显示:内联块;}     
 
这应该允许它们与其他内联元素显示在同一行上。
上一篇: 同时更改 :hover 上的背景颜色和超链接
下一篇: connot 导入名称 'Dragon'