码迷,mamicode.com
首页 > Web开发 > 详细

css设置span元素的尺寸

时间:2016-01-11 23:52:00      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

css设置span元素的尺寸:
在默认状态下是无法设置span元素的尺寸的,只能够根据内容的尺寸自适应,也就是说给span元素设置width和height属性默认条件是无效的。之所以会出现这种情况是因为span元素是内联元素,内联元素无法设置尺寸的,只要设置为块级或者内联块级元素即可。
代码实例如下:

 

<!DOCTYPE html>    
<html>    
<head>    
<meta charset=" utf-8">    
<meta name="author" content="http://www.softwhy.com/" />    
<title>蚂蚁部落</title>    
<style type="text/css">
#antzone{
  width:200px;
  height:100px;
  background:green;
  display:block;
}
</style>    
</head>  
<body>  
<span id="antzone"></span> 
</body>    
</html>

 

以上代码将span元素添加display:block属性之后,可以将其设置为块级元素,也就能够设置尺寸了,也可以使用display:inline-block将其设置为内联块级元素,也可以实现同样的功能。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13408

更多内容可以参阅:http://www.softwhy.com/divcss/

 

css设置span元素的尺寸

标签:

原文地址:http://www.cnblogs.com/softwhy/p/5122871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!