A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© Faith- 中级黑马   /  2014-8-4 14:56  /  1487 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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;而是文字有多宽,他就是多宽,文字有多高,他显示就是多高。

评分

参与人数 1黑马币 +5 收起 理由
001可望成功 + 5 赞一个!

查看全部评分

2 个回复

倒序浏览
因为span标签是行内元素,长宽会随着内容而改变,不像div是块元素,是可以控制的,你可以把span的 display属性设置为 display:block;应该就可以控制它的宽高了
回复 使用道具 举报
自己可以看看!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马