网站地图    收藏   

主页 > 前端 > html教程 >

关于label和span设置width无效问题解决方法_HTML/Xh

来源:自学PHP网    时间:2014-12-15 15:58 作者: 阅读:

[导读] 大家可能不知道默认情况下label、span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果,下面有个不错的示例,大家可以感受下...

大家可能不知道默认情况下label、span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果,下面有个不错的示例,大家可以感受下
在默认情况下label、span 设置width 是无效的。一般要display属性

复制代码
代码如下:

display:block;

这样就可以了。但是他会自动加一个换行,如果不想换行的话,可以用

复制代码
代码如下:

display:inline-block;

这样就不会换行了。。

补充一下如何画出 '口口' 应该用

复制代码
代码如下:

display:inline;
float:left;

但是一定要在后面的div里面加上

复制代码
代码如下:

clear:both;

不然会影响到后面的div板式会乱。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论