带有inline即行级元素和行块级元素属于文本类元素,具有文本的属性,能被分隔符分割。
例一:
<style>
img{
width: 100px;
height: 100px;
}
</style>
<body>
<img src="css2/image/pig.jpg">
<img src="css2/image/pig.jpg">
<img src="css2/image/pig.jpg">
</body>
为什么图片之间有空白,因为换行了,换行也是文本分隔符,所以之间有空白。
不想有空白,则中间不要有空格或回车即可。
例二:
<style>
img{
width: 100px;
height: 100px;
}
</style>
<body>
<img src="css2/image/pig.jpg"> <img src="css2/image/pig.jpg"><img src="css2/image/pig.jpg">
</body>
注意:再多个分隔符也只能算一个分隔符。