黑马程序员技术交流社区

标题: div里面span的宽和高的定义。 [打印本页]

---

作者: Faith-    时间: 2014-8-4 14:56
标题: div里面span的宽和高的定义。
css样式定义div里面span的宽和高后，问什么页面显示出来不是定义的宽和高，他是随文字的变换而变换。

首先页面中的div如下:
<div class="con_right_title"><span>最新发布的信息</span></div>
然后使用样式定义上面的标签；
.con_right_title{ float:left; width:755px; height:35px; line-height:35px;}
.con_right_title span{width:110px; height:35px; text-align:center; border:1px solid #d1d1d1; }
结果显示出来并不是定义中的宽110px；高35px;而是文字有多宽，他就是多宽，文字有多高，他显示就是多高。

---

作者: fxwb2005    时间: 2014-8-4 15:38
因为span标签是行内元素，长宽会随着内容而改变，不像div是块元素，是可以控制的，你可以把span的 display属性设置为 display:block;应该就可以控制它的宽高了

---

作者: Im_back    时间: 2014-8-4 18:54
自己可以看看！

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2