å
设置ä¸ä¸ªdivç宽é«ï¼ä½¿ç¨text-alignæ°´å¹³å±
ä¸ï¼å使ç¨line-heightä¸ä¸å±
ä¸å³å¯ï¼line-height设置çé«åº¦éè·divçé«åº¦ä¸è´ï¼
代ç å¦ä¸
<style>
.ceter{ width:700px; height:700px; border:1px solid #F00; text-align:center; line-height:700px;}
</style>
<div class="ceter">åHTMLä¸å¦ä½ä½¿ä¸ä¸ªdivåä¸çæåä½äºå®çæ£ä¸å¤®ï¼</div>
代ç å¦ä¸
<style>
.ceter{ width:700px; height:700px; border:1px solid #F00; text-align:center; line-height:700px;}
</style>
<div class="ceter">åHTMLä¸å¦ä½ä½¿ä¸ä¸ªdivåä¸çæåä½äºå®çæ£ä¸å¤®ï¼</div>
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-11-23
左右居中的话在css中设置 { text-align: center;}；
上下居中的话在css中设置 { line-height : x ;height: x} 行高和DIV的高度一致。追问
上下居中的话在css中设置 { line-height : x ;height: x} 行高和DIV的高度一致。追问
多谢
第2个回答 2019-09-27
方法1、设置内边距，
{padding:20px;
text-align:center;}
方法2、行高设置为与盒子高度一致
{height:100px;
line-height:100px;
text-align:center;}
{padding:20px;
text-align:center;}
方法2、行高设置为与盒子高度一致
{height:100px;
line-height:100px;
text-align:center;}
第3个回答 推荐于2017-10-01
<div style="text-align:center;width:500px; height:200px; margin:0 auto; border:1px solid #000;">文字</div>追问
在竖直方向上如何居中？
追答文字; 这是只有一行文本的时候竖直方向上的居中。如果是多行文本，你可以使用display：table-cell这个属性解决，或者你把文字用一个标签抱起来，在知道固定高度的情况下，使用定位居中；比如，文字
;
好的，多谢
追答客气
本回答被提问者和网友采纳
相似回答
