css怎么让文字在底部对齐
程序员文章站
2022-04-17 09:17:50
...
css让文字在底部对齐的方法:1、给包含文字的元素容器设置“display:table-cell;ertical-align:bottom;”样式即可;2、使用定位属性position配合bottom属性来设置文字的位置,实现文字底部对齐。
本教程操作环境:Windows7系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。
推荐:《css视频教程》
css让文字在底部对齐的方法:
方法1:
创建HTML元素
<div>文字在div的底部对齐</div>
添加css样式
div{ width:200px;height:50px; /*设置div的大小*/ border:4px solid #beceeb; /*为了便于观察,显示出边框*/ display:table-cell; vertical-align:bottom; }
方法2:
使用div创建一个模块,并使用p标签创建一段文字。给div标签添加一个class属性,用于设置div和p标签的样式。
在css标签内,通过class设置div的样式,定义其宽度为250px,高度为400px,背景颜色为灰色,并使用position属性设置div为相对定位。
再设置p标签的样式,使用position属性设置p标签为绝对定位,并使用bottom属性设置p标签文字在底部,同时设置p标签宽度为100%,使用text-align属性让文字居中对齐。
在浏览器打开test.html文件,查看实现的效果。
更多编程相关知识,请访问:编程入门!!
以上就是css怎么让文字在底部对齐的详细内容,更多请关注其它相关文章!
上一篇: PHP程序员需要学什么
下一篇: 识别文件末尾字符
推荐阅读
-
ae怎么让文字居中? ae文字居中对齐的教程
-
CDR在圆里打字怎么让文字自动换行?
-
CSS让同一行的图片和文字垂直居中对齐(转载)
-
怎么让DIV在另一个DIV里靠底部显示?
-
如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose
-
请问在页面使用36px粗字体时,文字有粗有细是怎么回事?_html/css_WEB-ITnose
-
怎么让li的那个点靠近文字一点呢?_html/css_WEB-ITnose
-
cdr怎么让文字两端对齐?
-
现在我想让div浮动在iframe上面,可是试了许多方面都不行,请教一下高手,这个问题怎么解决?谢谢!_html/css_WEB-ITnose
-
层不确定宽度,怎么让他在父层中居中呢?_html/css_WEB-ITnose