<div id="elementsInline"><span>要让div出现在同一行里</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。目前使用inline宽度就不一致了,</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。目前使用inline宽度就不一致了,而用inline-block右会自动换行无法叠加。</span><span>要让div出现在同一行里</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。目前使用inline宽度就不一致了,</span><span>要让div出现在同一行里,同时能固定每一个div的宽度。目前使用inline宽度就不一致了,而用inline-block右会自动换行无法叠加。</span></div>
#elementsInline {
background-color: pink;
white-space: nowrap;
}
#elementsInline span {
display: inline-block;
vertical-align: middle;
width: 100px;
background-color: orange;
margin-left: 10px;
white-space: normal;
}
#elementsInline span:first-of-type {
margin-left: 0;
}
Also see: Tab Triggers