如何让div中的文字垂直居中显示

答案:2 悬赏:80 手机版

解决时间 2021-02-01 05:55

提问者网友：你给我的爱
2021-02-01 02:16

如何让div中的文字垂直居中显示

最佳答案

五星知识达人网友：蕴藏春秋
2021-02-01 03:09

使文字在div中水平和垂直居中的的css样式为 1 2 text-align:center; line-height: 20px; 示例如下： HTML元素 1

水平垂直居中

css样式 1 2 3 4 5 6 7 div{ width:200px;height:200px; border:1px solid green; text-align: center; line-height: 200px; overflow:hidden; } 显示效果

全部回答

1楼网友：罪歌
2021-02-01 04:20

如果文字只有一行，可以设置容器高度和行高一样height:30px; line-height:30px; 如果文字不确定，也可以用表格，表格里的td是可以让里面的行内元素垂直居中的如果不想用表格，也可以用display:table-cell;属性，display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签，但是ie6/7不能识别。 css: .td{ width:200px; height:200px; border:1px solid #000; display:table-cell; vertical-align:middle;} html：

哈哈哈哈哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈我垂直居中啦

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息