请问在DW、CSS里用行高如何把文字设置为垂直居中，用DIV的话边框也随着扩大了，是否还有其他方法?

发布网友发布时间：2022-04-21 06:54

共5个回答

热心网友时间：2022-04-21 08:23

给文字设置行高就可以，例如：
<div style="width:50px;background:#FF0000;">我们的</div>

其中：line-height:50px;就是它的行高，它还有一个作用就是，你希望这个div有多高，不用再去设置height，设置行高，文字就是自动垂直居中的了。

楼主问的是这个吗？

热心网友时间：2022-04-21 09:41

不知道你说的，div边框扩大到底是什么意思

我一般做有两种方法，1是利用行高实现，2是用css3的伸缩盒子

举例方法1：

.box1{ border:#CCC solid 1px; width:200px; height:40px; line-height:40px;}

<div class="box1">文字垂直居中</div>

举例方法2：

.box2{border:#CCC solid 1px; width:200px; height:40px; display:-webkit-flex;-webkit-align-items:center;}

<div class="box2">文字垂直居中</div>

热心网友时间：2022-04-21 11:16

你给这个div设置一个高度height:30px;然后再加上overflow:hidden;就不会撑大了

热心网友时间：2022-04-21 13:07

<td valign="middle"

热心网友时间：2022-04-21 15:15

没有了追问那请问用行高和DIV的话，代码怎么写,请写详细，谢谢