css怎么让文字在底部对齐


本文摘自PHP中文网,作者青灯夜游,侵删。

css让文字在底部对齐的方法:1、给包含文字的元素容器设置“display:table-cell;ertical-align:bottom;”样式即可;2、使用定位属性position配合bottom属性来设置文字的位置,实现文字底部对齐。

本教程操作环境:Windows7系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。

推荐:《css视频教程》

css让文字在底部对齐的方法:

方法1:

创建HTML元素

1

<div>文字在div的底部对齐</div>

添加css样式

1

2

3

4

5

6

div{

    width:200px;height:50px;  /*设置div的大小*/

    border:4px solid #beceeb; /*为了便于观察,显示出边框*/

    display:table-cell;

    vertical-align:bottom;

  }

1.png

阅读剩余部分

相关阅读 >>

为什么css放上面js放下面

css篇:如何将页面背景设置渐变效果(代码详解)

css如何清除样式

详解css行高line-height属性

css怎么设置边框的宽度

css怎么设置图片不停旋转

css column-rule-color属性怎么用

css如何清除下划线?css清除下划线有哪些方法

css如何使用伪元素清除浮动

css如何设置不透明

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...