span问题
来源:互联网 发布:用网络漏洞怎样赚钱 编辑:程序博客网 时间:2024/06/06 12:59
参考DIVCSS5学习与分享平台,网址:http://www.divcss5.com/wenji/w443.shtml
直接
<div><span class="show">测试</span></div>
如果直接设置,则没有效果
.show{
width:50px;
height:10px;
border:1px solid #000;
}
因为此不为块,故无法实现,高度和宽度。
下面方式均可以:
1 独占一行,设置成block
.show{
width:50px;
height:10px;
border:1px solid #000;
display:block;
}
2 在css2.1标准中为display增加了一个叫inline-block的属性值,刚好可以实现即是inline对象,又可以像block那样设置宽度的属性值,这个属性值在ie6以上版本都有效
.show{
width:50px;
height:10px;
border:1px solid #000;
display:-moz-inline-box; /* css注释:for ff2 */
display:inline-block;
}
0 0
- span问题
- SPAN的高度问题
- span宽度的问题
- SPAN DIv居中问题
- span的小问题
- span的宽度失效问题。
- span 元素 自动隐藏问题
- span的宽度失效问题。
- span元素之间空隙问题
- css 两个span换行问题
- IE7-span折行问题
- span的float问题(li中的span如何不换行)
- span
- span
- span
- SPAN
- Span
- span
- 【BZOJ4516】【Sdoi2016】生成魔咒 后缀数组 线段树
- CSS3动画工具
- 【GDOI2016模拟4.23】无界单词
- POJ 2739 Sum of Consecutive Prime Numbers(Two pointers)
- Java虚拟机如何加载Class文件
- span问题
- Linux杂项
- BZOJ1179: [Apio2009]Atm
- 给大家共享一个个人认为非常好的动画网站
- 公式加括号的所有可能
- ZOJ 3938-Defuse the Bomb【模拟,题看着挺长】(2016浙江省大学生程序设计竞赛)
- 设计模式:访问者模式(Visitor)
- Unity中的Debug类调试使用
- vi编辑器的使用方法