解决方法有如下几种:
1.加一个font-size=0px;的属性可以实现.
<
style
type
="text/css"
>
.a{
font-size:0px;
height:1px;
background-color:red;
}
</ style >
< div
class
="a"
></
div
>
但经过我的测试,细是细了,但不是1px,有点像是2px.不知道是我的浏览器问题,还是别的原因.你们可以用这个方法再测试一下.
.a{
font-size:0px;
height:1px;
background-color:red;
}
</ style >
< div
2.多加一个line-height:1px的属性,不过得在div里多加一个 ,也就是空格.
<style
.a{
width:200px;
height:1px;line-height:1px;
background:red;
}
</ style >
< div
class
="a"
>
</
div
>
}
</ style >
< div
如果你要做指定长度的细线,这个方法是个不错的选择.
如果你的细线div长度是他父对象的长度的话,你可以用下面这个更简单的方法:
3.用border-top:1px solid #ff0000边框的方法制作一个细线.
.a{
border-top:1px
}
</ style >
< div
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
以上是网上的方法,自己用的方法是:
.line
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
![ie6.0下div <wbr>实现1px高度](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
记住font-size 做(ie6) css hack 不然,IE8将不显示