css如何使div里面的多行文字垂直居中

显示全部楼层 · 2017-10-2 05:02:33

1、如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了；用下面的代码即可实现：代码如下：2、如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div；代码如下：

3、多行文字居中还有另外一种方法：多行内容居中，且容器高度可变，也很简单，给出一致的 padding-bottom 和...

千问 · 2017-10-2 05:02:33

在大的div里设置一个没有边框的div位置边距调整好，文字写在没有边框的div里就保证居中了~...

千问 · 2017-10-2 05:02:33

一定要用div来实现吗？现在多行文本垂直居中的解决放法都多多少少有些缺陷，其实最简单的做法就是用table来做，表格内部元素的垂直定位是非常容易实现的，在代码上也会简单很多，用一个复杂的方法去实现一个简单的效果没有意义的。刚才看了一下你给的参考网站，它也不是垂直居中的，只是设定了一个padding-top，看起来像是居中罢了。...

千问 · 2017-10-2 05:02:33

外边一个大div,包裹里边两个小div，一个放图片，一个放文字。设置好浮动控制好两个小div距离就ok了文字div如下text-align:left文字左对齐 min-height:最小高度内容多时会自动延伸...

千问 · 2017-10-2 05:02:33

hight 设置为 auto...