css怎么让狂向下

CSS怎么让文字垂直向下排列呢？其实很简单，只需要用CSS中的vertical-align属性，在相关元素（比如p标签）中加入vertical-align:bottom;或者vertical-align:text-bottom;就可以实现了。
比如下面的代码，就是让三个段落p元素都向下排列，并且顶部对齐：

p {display: inline-block;vertical-align: bottom;width: 20%;margin: 0;padding: 10px;border: 1px solid #ccc;}

其中的display:inline-block;是为了让每个p元素在同一行内排列，否则默认为块级元素独占一行。
另外，vertical-align:bottom;是和父元素（比如包含这三个p元素的容器）的bottom对齐，而vertical-align:text-bottom;是和父元素中文字的底部对齐。两者视觉上差别不大，可以根据需要自己选择使用。

上一篇：css怎么设置ul居中

下一篇：javascript 表格求和

---