CSS Tips

最新推荐文章于 2022-03-09 20:47:01 发布

iteye_16017

最新推荐文章于 2022-03-09 20:47:01 发布

阅读量94

点赞数

文章标签： CSS IE HTML

本文链接：https://blog.csdn.net/iteye_16017/article/details/81955111

版权

[b]一、水平居中[/b]

<body>
    <div id="wrapper">
    ...
    </div>
</body>>

body {
    text-align: center;
    min-width: 800px;
)
#wrapper {
    margin: 0 auto;
    width: 800px;
    text-align: left;
}

[b]二、要随时清除浮动元素[/b]

1.用空标签清除

.clear {clear: both;}

<div id="layout">
    <div id="left">Left</div>
    <div id="right">Right</div>
    <p class="clear"></p>
</div>

2.使用 overflow 属性

#layout { overflow: hidden; zoom: 1; }

<div id="layout">
    <div id="left">Left</div>
    <div id="right">Right</div>
</div>

3.使用 clearfix

.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

[b]三、去掉图片下边出现的多余空白[/b]

1.将图片转换为块级对象

.pic img {display: block;}

2.设置图片的垂直对齐方式

img {vertical-align: top;}

3.改变父对象的属性

如果父对象的宽、高固定，图片大小随父对象而定，那么可以设置：

.pic {
    width: 88px;
    height: 31px;
    overflow:hidden; 
}

4.设置图片的浮动属性

.pic img {float: left;}

如果要实现图文混排，这种方法是很好的选择。

[b]四、在IE下移除textarea的滚动条[/b]

textarea {overflow: auto;}

[b]五、去除虚线轮廓[/b]
[img]http://dl.iteye.com/upload/attachment/344193/4057aad8-0594-3258-b358-408b83b78d2e.jpg[/img]

a, a:active { outline: none; }

iteye_16017

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫