html怎么设置文字向下(2)-木庄网络博客

2022-01-28 20:04:18 PHP中文网 JavaScript 百度已收录

2、如果是文字（块级元素没试过，到时候可以试一下）。那么需要给包着文字的那个div设置成 display：table-cell+ vertical：bottom。这样文字就贴着div底部了。

示例：

HTML：

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

css样式：

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

效果图：

以上就是html怎么设置文字向下的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

Html段落元素中怎么设置空格？Html空格的设置总结

css全称是什么意思

Html标签的基本格式

Html怎么把图片居中

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

书籍

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

￥83.86元 人民邮电出版社

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

转载请注明出处：木庄网络博客 » html怎么设置文字向下

html怎么设置文字向下

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

相关推荐

评论