论坛首页 Web前端技术论坛

ie下画1px高横线只能用<table>?

浏览 19849 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2006-05-11  
醒来 写道
alin_ass 写道
我就是画一条线,你给点css我试下,要ff ie都行的


margin padding border我都不敢用,老是出现布局不兼容


<hr size="1" /> 可以满足吗?

还是这个最直接,合理。
0 请登录后投票
   发表时间:2006-05-17  
1、用一个行高为1的表格(单元格中不能有任何东西,包括"&")
2、用css-->border:1px solid #EEEEE 必须加px,不然FF会不理你!
3、用image,长宽都为1px,我最不喜欢这种方式!
4、<hr style="border-bottom:1px solid #EEEEE">
方法还多,嘿嘿!不写了!
0 请登录后投票
   发表时间:2006-05-22  
如果有浮动,注意加一个<div style="clear:both;" />
楼上的4最合适。
0 请登录后投票
   发表时间:2007-04-02  
<div>默认有一个字符的高度的.把line-height设置为1px就行了
<div style="border-top:1px solid #000000;line-height:1px;height:1px;"></div>
0 请登录后投票
   发表时间:2007-07-22  
直接使用<hr>标签好了
然后在外部css或者内部style定义里将hr标签的style定义如下就可以了。
hr {width:100%;height:1px;background:#000000;overflow:hidden}
0 请登录后投票
   发表时间:2007-07-23  
hr,楼上正解。你甚至可以用background-image。
0 请登录后投票
   发表时间:2007-07-23  
CSS1Compat mode 下

<div style="height:1px;background:red;"></div>

quirks mode 下

<div style="height:1px;background:red;line-height:1px;"><p></p></div>
0 请登录后投票
   发表时间:2007-07-23  
如果要画竖线呢?
0 请登录后投票
   发表时间:2007-07-23  
看你要画怎样的竖线了。

例如在支持竖排文字的浏览器里,你本来就是竖排文字,那hr也就是竖线了,哈哈哈哈。。。
0 请登录后投票
   发表时间:2007-07-25  
用VML,挖嘎嘎嘎
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics