我在使表格中的文本显示在IE中居中时遇到问题。
在Firefox 2,3和Safari中,一切正常,但由于某些原因,文本不会出现在IE 6或7的中心。
我正在使用:
h2 {
font: 300 12px "Helvetica", serif;
text-align: center;
text-transform: uppercase;
}
我也试过添加margin-left:auto;
,margin-right:auto
和position:relative;
无济于事。
表格单元格需要text-align:center。
CSS text-align属性应该在父元素上声明,而不是您尝试居中的元素。 IE使用text-align:center属性来居中文本。 Firefox使用margin:0 auto并且必须在您尝试居中的元素上声明它。
<div style="text-align: center">
<h2 style="margin: 0 auto">Some text</h2>
</div>
可能是一个错字,但你错过了一个分号:
margin-left:auto; margin-right:auto position:relative;
应该:
margin-left:auto; margin-right:auto; position:relative;
如果这不起作用,请确保您尝试将文本居中的元素具有一定宽度。尝试将宽度设置为100%,看看是否有任何变化。
text-align: center
应该足够了,因为你将文本居中在一个块元素(h2)中 - 调整边距将改变块的位置,而不是文本。
我想知道是不是只是因为IE在那个font
宣言中有一个假唾液?
在围绕h2的div / td中使用text-align:center。
<table style = "width:400px;border:solid 1px;">
<tr>
<td style = "text-align:center;"><h2>hi</h2></td>
</tr>
</table>
编辑:哇,stackoverflow的社区非常快!
如果您可以/想要使用flexbox,也可以使用以下内容。
display: flex;
justify-content: center;
align-items:center