前端css中内联元素的一个问题

wbc_xiaowu 2017-12-12 09:37:36

内联元素始终不能紧靠代码块，当我改为内联块元素时就能紧靠，请问这是内联元素的bug嘛

...全文

1330 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

狂野的心跳 2018-01-31

打赏
举报

*{margin:0;padding:0}

我的每个css文件第一个css都是这个，默认清除所有的margin和padding

weixin_41160473 2017-12-22

打赏
举报

在body里写一个margin:0px;就好了

whidy 2017-12-13

打赏
举报

我用chrome不会出现这样的情况呀~ 可能是浏览器差异哦,比如vertical-align:top你设置下试试?

wbc_xiaowu 2017-12-12

打赏
举报

设置之后：

wbc_xiaowu 2017-12-12

打赏
举报

设置之前：

天际的海浪 2017-12-12

打赏
举报

没问题啊


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.k {
	border: 4px solid #999;
	height: 300px;
	font-size: 50px;
}
.test1 {
	background-color: #f00;
}
.test2 {
	background-color: #ff0;
}

</style>
</head>
<body>

<div class="k">
	<span class="test1">aaaaaaaaaaaaa</span><span class="test2">bbbbbbbbbbbb</span>
</div>

</body>
</html>