css怎么让文字在底部对齐-木庄网络博客

2022-03-22 20:45:45 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

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

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

推荐：《css视频教程》

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

方法1：

创建HTML元素

1	`<div>文字在div的底部对齐</div>`

添加css样式

div{
    width:200px;height:50px;  /*设置div的大小*/
    border:4px solid #beceeb; /*为了便于观察，显示出边框*/
    display:table-cell; 
    vertical-align:bottom;
  }

相关阅读 >>

html5实践-使用css装饰图片画廊的代码分享（二）

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css怎么让文字在底部对齐

css怎么让文字在底部对齐

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论