css如何让文字成排显示(2)-木庄网络博客

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

css文字竖排显示的方法二：

对文字对象宽度设置只能排下一个文字的宽度距离，让文字一行排不下两个文字使其文字自动换行，就形成了竖立排版需求。

<!DOCTYPEhtml>
<html>
<head>
<title>test</title>
<metacharset="UTF-8">
</head>
<style>
.one{
width:52px;
margin:0auto;
line-height:56px;
font-size:50px;
}
</style>
<body>
<divclass="one">中秋月</div>
</body>
</html>

注意：word-wrap:break-word;/*英文的时候需要加上这句，自动换行*/

相关教程推荐：CSS视频教程

以上就是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 设计细节

相关推荐

评论