html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

关于label和span设置width无效问题解决方法_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:大家可能不知道默认情况下label、span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果,下面有个不错的示例,大家可以感受下
在默认情况下label、span 设置width 是无效的。一般要display属性 ekCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
ekCHTML5中文学习网 - HTML5先行者学习网
display:block; ekCHTML5中文学习网 - HTML5先行者学习网
ekCHTML5中文学习网 - HTML5先行者学习网
这样就可以了。但是他会自动加一个换行,如果不想换行的话,可以用 ekCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
ekCHTML5中文学习网 - HTML5先行者学习网
display:inline-block; ekCHTML5中文学习网 - HTML5先行者学习网
ekCHTML5中文学习网 - HTML5先行者学习网
这样就不会换行了。。 ekCHTML5中文学习网 - HTML5先行者学习网
ekCHTML5中文学习网 - HTML5先行者学习网
补充一下如何画出 '口口' 应该用 ekCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
ekCHTML5中文学习网 - HTML5先行者学习网
display:inline; ekCHTML5中文学习网 - HTML5先行者学习网
float:left; ekCHTML5中文学习网 - HTML5先行者学习网
ekCHTML5中文学习网 - HTML5先行者学习网
但是一定要在后面的div里面加上 ekCHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
ekCHTML5中文学习网 - HTML5先行者学习网
clear:both; ekCHTML5中文学习网 - HTML5先行者学习网
ekCHTML5中文学习网 - HTML5先行者学习网
不然会影响到后面的div板式会乱。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助