我有一些HTML:
<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>
Div正在改变文档的间距,所以我想使用span来代替.
但是span并没有集中内容:
<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>
我该如何解决？
编辑:
我的完整代码:
<html>
<body>
<p>This is a paragraph. This text has no alignment specified.</p>
<span style="border:1px solid red;text-align=center">
This is some text in a div element!
</span>
</body>
</html>
Wil*_*ill 186
div是块元素,除非设置了宽度,否则将跨越容器的宽度.span是一个内联元素,它将包含文本的宽度.目前,您正在尝试将align设置为CSS属性.对齐是一个属性.
<span align="center" style="border:1px solid red;">
This is some text in a div element!
</span>
但是,不推荐使用align属性.您应该text-align在容器上使用CSS 属性.
<div style="text-align: center;">
<span style="border:1px solid red;">
This is some text in a div element!
</span>
</div>
Chr*_*s J 44
请使用以下样式.margin:auto通常用于居中对齐内容.元素display:table需要span
<span style="margin:auto; display:table; border:1px solid red;">
This is some text in a div element!
</span>
Luc*_*Sam 31
该align属性已弃用.请改用CSS text-align.此外,除非您使用display:block或display:inline-block设置宽度值,否则跨度不会使文本居中,但它将与div(块元素)的行为相同.
你能发布一个布局的例子吗？使用www.jsfiddle.net
小智 8
span.login-text {
font-size: 22px;
display:table;
margin-left: auto;
margin-right: auto;
}
<span class="login-text">Welcome To .....CMP</span>
对我而言,它运作良好.试试这个
| 归档时间： |
|
| 查看次数： |
477761 次 |
| 最近记录： |