html – 无法消除包含div的2个水平div之间的空间
发布时间:2020-12-14 16:39:27 所属栏目:资源 来源:网络整理
导读:应该很容易吧?只需将包含div的外部填充设置为零,并将外部div内的两个并排div设置为margin:0,但这对2个水平div之间的空间没有影响.我需要的是红色轮廓的左侧div来触摸绿色轮廓的右侧div. 尽管我努力使用填充和边距,但两个div之间的空间不会消失. 我已经看了
应该很容易吧?只需将包含div的外部填充设置为零,并将外部div内的两个并排div设置为margin:0,但这对2个水平div之间的空间没有影响.我需要的是红色轮廓的左侧div来触摸绿色轮廓的右侧div.
尽管我努力使用填充和边距,但两个div之间的空间不会消失. 我已经看了很多关于SO的答案,但到目前为止还没有人把它分解成这个简单的例子 – 我的小提琴显示了这个问题,在 http://jsfiddle.net/Shomer/tLZrm/7/ 这是非常简单的代码: <div style="border: 4px solid blue; white-space:nowrap; margin:0; padding:0; width:80%"> <div style="display:inline-block; width:45%; overflow:hidden; margin:0; border: 1px solid red"> Flimmy-flammy </div> <div style="display:inline-block; width:50%; overflow:hidden; margin:0px; border: 1px solid green"> Hambone-Sammy </div> </div> 解决方法
试试这个:
<div style="border: 4px solid blue; margin:0; padding:0; width:80%; height: 50px;"> <div style="float:left; display:inline-block; width:45%; overflow:hidden; border: 1px solid red;"> Flimmy-flammy </div> <div style="float: left; display:inline-block; width:50%; overflow:hidden; border: 1px solid green;"> Hambone-Sammy </div> </div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |