<style type="text/css">
*{margin: 0;
padding: 0;}
body{height: 500px;}
.a1{display: inline-block;
width: 25%;
height: 100%;
background-color: gray;}
.a2{display: inline-block;
width: 50%;
height: 100%;
background-color: black;}
.a3{display: inline-block;
width: 25%;
height: 100%;
background-color: gray;}
</style>
<body>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
</body>在将block转换为inline-block进行文档流布局时，相邻div之间存在white-spacing，等同于单词之间的word-spacing、字符之间的letter-spacing。不过却没有针对inline-block的属性，大概是不支持这种方式？
而针对word-spacing属性，却没有完全删除空白的命令，多为合并空白与否、保留原文换行与否、自动换行与否。
显出inline-block最简单的方法是，通过改变<div>的书写方式，即内容部分不加空格与换行符。
<body>
<div class="a1">
</div><div class="a2">
</div><div class="a3"></div>
</body>这里有张鑫旭老师其他更详细的解决方法。点击打开链接
376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
