为什么span标签没有内容就不显示
代码片段如下：<html><head><styletype="text/css">.test{height:100x;width:100px;background-col...
代码片段如下：
<html>
<head>
<style type="text/css">
.test{
height:100x;
width:100px;
background-color:red;
}
</style>
</head>
<body>
<span class="test"></span>
</body>
</html> 展开
<html>
<head>
<style type="text/css">
.test{
height:100x;
width:100px;
background-color:red;
}
</style>
</head>
<body>
<span class="test"></span>
</body>
</html> 展开
展开全部
span是行级标签，给它设置宽高是没有意义的，它只会根据内容来自动调整宽高。所以，没有内容的时候，自然也就没有宽高，也就看不到了。你可以使用br标签让span中的内容换行，给span加背景色，就会看到，span只会占据内容占据的面积，别的地方，它都不管。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<span>是不会执行你给的宽和高的，他是匹配的内容来决定宽高，你可以使用其它标签<div>来写这样的块，如果是要用span 可以用内外补丁
例：
<html>
<head>
<style type="text/css">
.test{
background-color:red;
padding:10px;
}
</style>
</head>
<body>
<span class="test"></span>
</body>
</html>
例：
<html>
<head>
<style type="text/css">
.test{
background-color:red;
padding:10px;
}
</style>
</head>
<body>
<span class="test"></span>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
