问
html5 - 坐等大神赐教，H5中iPhone宽度够，安卓不够？
雷子的世界6888 发布于 2022-11-02 12:31在APP的布局中，出现iPhone中宽度合适，但在安卓中宽度不够，元素被挤到下一行的问题；如下图：图片描述
用到的代码是：
.dls{
width:100%;
height:2.1rem;
font-size:0;
dl{
display:inline-block;
width:25%;
height:100%;
text-align:center;
}
}
4 个回答
-
谢谢各位大神，该问题已解决，谢谢@whhlu！两种方法都可以：《1》1、给父元素设置font-size：0px；
2、取消掉换行符，如这样：<span>aaaa</span><span>aaaa</span><span>aaaa</span>连续。
《2》用弹性盒，flex,如页面中不想用太多弹性盒，可以采用第一种办法！2022-11-12 01:44 回答
epa4316380 -
试试用flex 布局
2022-11-12 01:44 回答
睿芬惠洁育瑋 -
给dl的父元素设置font-size: 0; 然后再给dl设置字号
原因是display： inline-block的元素之间存在空隙2022-11-12 01:44 回答
书苑幽香 -
display：inline-block的元素之间会有一个字符的间隙，这个间隙导致了最后一个会掉下来。
解决方法：
1、给父元素设置font-size：0px；
2、取消掉换行符，如这样：<span>aaaa</span><span>aaaa</span><span>aaaa</span>连续。或者
<p class="space"> <a href="##">惆怅</a><!-- --><a href="##">淡定</a><!-- --><a href="##">热血</a> </p> <p class="space"> <a href="##">惆怅</a ><a href="##">淡定</a ><a href="##">热血</a> </p>3、使用margin负值。
4、使用浮动。
5、另外还有使用letter-spacing、word-spacing等方法。2022-11-12 01:44 回答
mobiledu2502891657
撰写答案
今天，你开发时遇到什么问题呢？
立即提问
京公网安备 11010802041100号