块状元素转化的内联元素之间的间距去哪了？222222222222222222222与222222222222222222222之间应该有间距不是么？-慕课网

首页课程实战体系课手记专栏慕课教程

块状元素转化的内联元素之间的间距去哪了？222222222222222222222与222222222222222222222之间应该有间距不是么？

来源：12-3 我要和你站一起 - 内联元素

律生息

2017-01-07 12:51

<!DOCTYPE HTML>

<html>

<head>

<title>行内元素标签</title>

a,span,em{

background:pink;/*设置a、span、em标签背景颜色都为粉色*/

display:block;

display:inline;

}

p{display:inline;}

</style>

</head>

<body>

222222222222222222222222222222222222222222222222222222222222222222222222222222222222

33333

44444555555

</body>

</html>

写回答关注

4回答

_蜡笔小新_

2017-03-13 17:14:41
这问题是回车造成的，你把
```
你好世界我的世界
再见世界
```
删去回车变成
```
你好世界我的世界再见世界
```
间隔就会消失。

ps：类似的问题，比如两张图片放一起，也会因为这个回车造成两张图片有间隔的问题。这时还分浏览器！不同的浏览器有时你删掉回车两图片就没间隔了，有的删了也没用，这时这里用别的办法比如把有关间距设置为负值（有时设置为0还不行）
0 0
qq_Absurdyears_0

2017-02-04 11:29:01

应该是在一行的原因吧，我的这幅图中你好世界我的世界之间是没有间隔的，而再见世界是有间隔的，下面的百度跟慕课网是有间隔的，而444455555之间是没有间隔的

1 0

律生息

所以说原因是什么捏？你只是说了现象，现象我在问题中已经提出来了，问题还是没有解决不是么？

2017-02-07 22:43:52

共 1 条回复 >
qq_Absurdyears_0

2017-02-03 21:25:52

内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

1 0

律生息

后面还有一句话，，，，小伙伴们你们观查一下右侧代码段，有没有发现一个问题，内联元素之间有一个间距问题所以说这个间距去哪了？

2017-02-03 22:35:29

共 1 条回复 >
dlool

2017-01-07 13:12:48

......

0 0