您的位置：首页 > Web前端 > CSS

css div 文字水平上下居中

2017-08-02 16:04 357 查看 
<html>
<head>
<style type="text/css">
#d1{
border: 1px solid purple;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}

</style>
</head>

<body>

<div id="d1">
一个区域A
</div>

</body>

</html>


如果不写line-height，那就只是水平居中。

line-height必须和 height值一致。

因此如果要水平上下居中必须要有三个属性，height line-height text-align
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航