css怎么让文字在底部对齐CSS怎么在底部对齐文本,Css将文本在底部对齐:1。将“display:table-cell”设置为包含文本的元素容器;垂直对齐:底部;“风格够;2.使用定位属性位置和底部属性设置文本的位置,实现文本的底部对齐。
这个教程操作环境:Windows7系统,html 5CSS 3版本,这个方法适合所有品牌的电脑。
推荐:《css视频教程》
css让文字在底部对齐的方法:
方法1:
创建HTML元素
Div文本在div底部对齐/div添加css样式
div{
宽度width:200pxheight:50px/*设置div的大小*/
border:4px实心# beceeb/*为了便于观察,会显示一个边框*/
display : table-cell;
垂直对齐:底部;
}
方法2:
用div创建一个模块,用p标签创建一段文字。给div标签添加一个class属性,用来设置div和p标签的样式。
在css标签中,按类设置div的样式,定义其宽度为250px,高度为400px,背景颜色为灰色,使用position属性将div设置为相对定位。
然后设置P标签的样式,使用位置属性将P标签设置为绝对定位,使用底部属性将P标签文本设置在底部,将P标签宽度设置为100%,使用文本对齐属性将文本居中对齐。
在浏览器中打开test.html文件以查看效果。
关于编程的更多知识,请访问:编程入门!以上是CSS怎么的详细内容,以对齐底部的文字。请多关注其他关于Lei.com PHP知识的相关文章!