php怎么把文字放在底部中央,css怎么让文字在底部对齐

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

0b24d3a8a665a3ef9accc115dff90920.png

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

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

方法1:

创建HTML元素

文字在div的底部对齐

添加css样式div{

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

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

display:table-cell;

vertical-align:bottom;

}

de08786b64ec62632ff0610becf159ff.png

方法2:

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

6faba60b30eff2dd0b1133b50de4abf0.png

在css标签内,通过class设置div的样式,定义其宽度为250px,高度为400px,背景颜色为灰色,并使用position属性设置div为相对定位。

f51bc00939862f8310abef52868c668d.png

再设置p标签的样式,使用position属性设置p标签为绝对定位,并使用bottom属性设置p标签文字在底部,同时设置p标签宽度为100%,使用text-align属性让文字居中对齐。

24ab0a74ac7c6f6b1e94c342c2ce5d96.png

在浏览器打开test.html文件,查看实现的效果。

c64362d736f59d334fab6c75f75a3d53.png

更多编程相关知识,请访问:编程入门!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值