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如何画线

css元素如何隐藏

css >什么选择器

你值得了解的一种css获取图片主题色的小技巧(分享)

css边框阴影怎么设置

css输入框怎么设置不可编辑

css三个字如何和两个字对齐

css如何实现3d书本效果?(代码示例)

css中用什么属性来定义盒的类型

css animation-duration属性怎么用

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




打赏

取消

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

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

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

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

评论

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