html框架之间空隙,Span之间空隙原因和解决办法

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家，也给大家做个参考。

span 之间的空隙，到底是什么？display:inline-block 的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？

(例如在浮动元素居中当中，我们必须使用 display:inline-block)

实例代码

内敛元素的间隙-独行冰海

*{margin: 0;padding: 0;}

.con{

width: 300px;

height: 24px;

margin: 10px auto;

border: 1px solid #f00;

font-size: 14px;

line-height: 24px;

}

span{

border-right: 1px solid #00f;

}

独行冰海

内联元素

小空隙

代码预览

内敛元素的间隙-独行冰海

*{margin: 0;padding: 0;}

.con{

width: 300px;

height: 24px;

margin: 10px auto;

border: 1px solid #f00;

font-size: 14px;

line-height: 24px;

}

span{

border-right: 1px solid #00f;

}