DIV中的文字怎么垂直底部对齐
展开全部
div里面的文字底部对齐可以通过设置如下css样式实现
1
2
display:table-cell; /*按照单元格的样式显示元素*/
vertical-align:bottom; /*底对齐*/
举个例子：
创建HTML元素
1
<div>文字在div的底部对齐</div>
添加css样式
1
2
3
4
5
div{
width:200px;height:50px; /*设置div的大小*/
border:4px solid #beceeb; /*为了便于观察，显示出边框*/
display:table-cell;
vertical-align:bottom;
显示效果
1
2
display:table-cell; /*按照单元格的样式显示元素*/
vertical-align:bottom; /*底对齐*/
举个例子：
创建HTML元素
1
<div>文字在div的底部对齐</div>
添加css样式
1
2
3
4
5
div{
width:200px;height:50px; /*设置div的大小*/
border:4px solid #beceeb; /*为了便于观察，显示出边框*/
display:table-cell;
vertical-align:bottom;
显示效果
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
