css之min-width 和 inline-block
来源:互联网 发布:淘宝买家旺旺提取神器 编辑:程序博客网 时间:2024/06/10 13:38
大家可以试试看看有什么不同,这个蛮有意思的
<!--{style}-->
#test {width:97%;
height:80px;
z-index:0;
position:relative;
text-indent:60px;
}
label {
background-color:#eeeeee;
display:inline-block;
min-width:60px;
position:relative;
z-index:1;
padding:2px;
top:27px;
}
#test:focus {
z-index:1;
text-indent:0px;
}
<!--{/style}-->
测试代码(测试的时候你可以修改display:inline;看看效果有与之前有什么变化 去掉width:97%;等测试完后总结一下你的css技术又提升一点了):
<p><label>评论</label><textarea id="test" rows="2"></textarea></p>
- css之min-width 和 inline-block
- css之inline-block
- CSS之display:inline、block、inline-block
- CSS中block、inline和inline-block
- css之display:inline-block
- css布局之inline-block
- 【CSS】inline和inline-block的间距
- CSS min-width 属性
- 【css】block,inline和inline-block概念和区别
- 【CSS】block,inline和inline-block细节对比
- min-width和max-width
- css学习之路(5)--display:inline、block、inline-block的区别及inline-block兼容
- css学习笔记之 inline-block
- css基础学习之--inline-block
- css属性之display:none、block、inline
- css display的 inline 和 block
- 【html+css】block和inline的区别
- CSS中block和inline的区别
- Java编程中“为了性能”尽量要做到的一些地方
- 作为软件工程师,你必须知道的20个常识
- 数理逻辑:谓词演算(13)演绎等价
- 《蝙蝠侠》终结篇
- box2d物理引擎自学笔记整理1
- css之min-width 和 inline-block
- HTML
- 数理逻辑:谓词演算(14)skolem范式
- php学习
- 数字电视节目搜索
- 学会用GOOGLE做research
- Linux下安装JDK,TOMCAT,MYSQL
- boost array的使用
- 关于iphone核心动画编程对应的keypath