css把元素放在一行 width: 33% ,结果却是两行的原因_html/css_WEB-ITnose

.inline-block {    display: inline-block;}.width33 {    text-align: center;    width: 33%;    box-sizing: border-box;    border-left: 1px solid white;}.bottom-bar {    position: fixed;    bottom: 0px;    width: 100%;    background: rgb(239, 73, 99);    height: 50px;}

登录后复制

 
文字1
文字2
文字3

登录后复制

实际上效果:文字3的div被挤到了第二排。

究其原因:编辑器换行会是的两个元素之间有个小空隙,把html代码进行如下改造就OK了

  
文字
文字
文字

登录后复制

版权声明:本文为博主原创文章,未经博主允许不得转载。

立即学习“前端免费学习笔记(深入)”;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3103671.html

(0)
上一篇 2025年3月29日 08:13:33
下一篇 2025年3月29日 08:13:49

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论