A-A+

无法设定span宽度问题的解决方法

2012年10月10日 css 暂无评论 阅读 1,844 次
如果您有代购或者代维服务器、PHP网站建设、程序代码修改、系统开发等需求,可以联系我购买付费服务。QQ 379880222

因为span属于内联元素,而内联元素是忽略宽度高度的,解决的办法也很简单,就是利用css将span变为盒装元素即可。

首先给出包含span标签的Html代码:

CSS代码:

上面的div中包含了一个span标签,在css中定义了span的宽度为100像素,高度为30像素,但是span的宽度确实随文字的个数而增加的,不受css的宽度控制。
原因上面也说到了,目前span还是内联元素,所以不受宽高限制,那么,只有将它定义为盒装元素就可以控制了。
只需要将上面的.spanex span稍做改动即可完成,有原来的改为:

标签:

给我留言