php文字底部对齐,css怎么让文字在底部对齐,css文字对齐

css怎么让文字在底部对齐CSS怎么在底部对齐文本,Css将文本在底部对齐:1。将“display:table-cell”设置为包含文本的元素容器;垂直对齐:底部;“风格够;2.使用定位属性位置和底部属性设置文本的位置,实现文本的底部对齐。

0b24d3a8a665a3ef9accc115dff90920.png

这个教程操作环境:Windows7系统,html 5CSS 3版本,这个方法适合所有品牌的电脑。

推荐:《css视频教程》

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

方法1:

创建HTML元素

Div文本在div底部对齐/div添加css样式

div{

宽度width:200pxheight:50px/*设置div的大小*/

border:4px实心# beceeb/*为了便于观察,会显示一个边框*/

display : table-cell;

垂直对齐:底部;

}

de08786b64ec62632ff0610becf159ff.png

方法2:

用div创建一个模块,用p标签创建一段文字。给div标签添加一个class属性,用来设置div和p标签的样式。

6faba60b30eff2dd0b1133b50de4abf0.png

在css标签中,按类设置div的样式,定义其宽度为250px,高度为400px,背景颜色为灰色,使用position属性将div设置为相对定位。

f51bc00939862f8310abef52868c668d.png

然后设置P标签的样式,使用位置属性将P标签设置为绝对定位,使用底部属性将P标签文本设置在底部,将P标签宽度设置为100%,使用文本对齐属性将文本居中对齐。

24ab0a74ac7c6f6b1e94c342c2ce5d96.png

在浏览器中打开test.html文件以查看效果。

c64362d736f59d334fab6c75f75a3d53.png

关于编程的更多知识,请访问:编程入门!以上是CSS怎么的详细内容,以对齐底部的文字。请多关注其他关于Lei.com PHP知识的相关文章!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值