利用CSS
方法一
|
1 2 3 4 5 6 7 |
#parent { font-size: 0; } #child { font-size: 16px; } |
方法二
|
1 2 3 4 5 6 7 8 |
.parent { display: flex; } .parent > div { display: inline-block; padding: 1em; border: 2px solid #f00; } |
利用HTML标签
方法一
|
1 2 3 4 5 |
<div>text</div><!-- --><div>text</div><!-- --><div>text</div><!-- --><div>text</div><!-- --><div>text</div> |
方法二
|
1 |
<div>text</div><div>text</div><div>text</div><div>text</div><div>text</div> |
方法三
|
1 2 3 4 5 |
<div>text</div ><div>text</div ><div>text</div ><div>text</div ><div>text</div> |
方法四
|
1 2 3 4 5 6 |
<div>text </div><div>text </div><div>text </div><div>text </div><div>text </div> |