css2
2016-05-14 14:26
405 查看
CSS 实现div宽度根据内容自适应
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>脚本之家</title> <style type="text/css"> .parent{ width:400px; height:400px; border:1px solid red; } .children{ border:1px solid blue; height:50px; display:inline-block; /*这三行*/ *display:inline; /* css hack 兼容ie6 */ *zoom:1; } </style> </head> <body> <div class="parent"> <div class="children">CSS 实现div宽度根据内容自适应</div> </div> </body> </html>
clear写法?
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
相关文章推荐
- CSS实现限制显示的字数,超出显示"..."
- 带你熟悉CSS浮动
- CSS动画 防止动画结束后,回归原位
- Zen Coding的一种快速编写HTML/CSS代码的方法
- CSS中的#和.
- CSS 实现:checkbox
- CSS3的REM设置字体大小
- css 不定宽度的块级元素水平居中
- 3.css控制div的显示
- 针对用css做滑动门时遇到width问题的一点新的
- Css常用操作——————图片
- Css常用操作——————导航栏
- CSS3知识点总结
- Css常用操作——————分类
- HTML CSS 水平导航
- HTML CSS 水平导航
- HTML CSS 水平导航
- HTML CSS 水平导航
- HTML CSS 水平导航
- HTML CSS 水平导航