css如何使div里面的文字垂直对齐

css如何使div里面的文字垂直对齐

css中的vertical-align 属性设置元素的垂直对齐方式，可能的值：
　　baseline 默认。元素放置在父元素的基线上。
　　sub 垂直对齐文本的下标。
　　super 垂直对齐文本的上标
　　top 把元素的顶端与行中最高元素的顶端对齐
　　text-top 把元素的顶端与父元素字体的顶端对齐
　　middle 把此元素放置在父元素的中部。
　　bottom 把元素的顶端与行中最低的元素的顶端对齐。
　　text-bottom 把元素的底端与父元素字体的底端对齐。
　　% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
　　inherit 规定应该从父元素继承 vertical-align 属性的值。

　　如下代码即可实现垂直对其：
　　.img{vertical-align:bottom}

　　.input{vertical-align:bottom}

　　
　　
　　
　　

vertical-align:middle;

设置容器的高度。然后在设置内容的高度和容器的高度一样就可以使上边距和下边距一样了，要是不想一样 可以具体设置padding的值 或者用margin也可以

在css文件中加入p{vertical-align:middle;text-indent:2em;line-height：200%;}试试

是这个效果么？line-height的高度等于DIV高度就可以垂直居中了

你直接把图片设置为div的背景图片，然后再设置padding-top和padding-bottom就可以达到效果了追问我要的是文字垂直对齐，距离上边界=距离下边界追答文字垂直对齐只要设置文字行高line-height等于div设置的高度就行了
假设你这张图片的高度是10px那么示例如下
例如