DIV和CSS排版中制作细线条的几种方法

转载 2007年09月22日 17:42:00

DIV和CSS排版中制作细线条的几种方法

今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。

最终有了解决方案,参考下面文章:

如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。

<style>
.line{
background: #CCCCCC;
height: 6px;
}</style>
<div class="line"></div>
可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。
1:

<style>
.line11{
background: #CCCCCC;
height: 6px;
overflow: hidden;
}</style>
<div class="line11"></div>
2. div之间要加个空格 注:IE5.0 无效

<style>
.line12{
background: #336699;
line-height: 6px;
}</style>
<div class="line12"> </div>
3:

<style>
.line13{
background: #CC0000;
height: 6px;
font-size: 1px;
}</style>
<div class="line13"></div>
 

细线表格的几种做法(css)

(一)效果一般

CSS几种简单方法实现文字竖向排版

1.一个句子的竖向排列 如图: 1.                      2.  test .one { width: 20px; margin: 0 auto; lin...

利用CSS和DIV的几种布局方法(4)

My third test about layout of 1     *{     padding:0px; margin:0px;} body{      background-co...

利用CSS和DIV的几种布局方法(4)

同样是左右布局方式,采用width为固定宽度,从而达到自适应效果。

利用CSS和DIV的几种布局方法(2)

与方法一的区别在于我的主内容区是固定宽度的,采用margin-left:-460px;与left:50%;的搭配方式进而自适应。...

使用css3做0.5px的细线

webapp中的CSS3实现 0.5px的细线 感觉很长时间没写过博客了,最近生活还算稳定,过得较为充实,所以又要开始写写东西了,一个是为了做些记录,是怕自己某一天,忘记了,回头翻翻博客,就会再次...

css设置细线样式的表格

第一种方法:定义table样式table{border:#000 solid; border-width:1px 0 0 1px;}定义td样式td{border:#000 solid; border...
  • wyyfwm
  • wyyfwm
  • 2011年07月22日 13:05
  • 6230

html中div如何水平和垂直居中的几种css方法代码

一、记录下几种盒子居中的方法: 1、margin固定宽高居中; 2、负margin居中; 3、绝对定位居中; 4、table-cell居中; 5、flex居中; 6、transform居中...

css 实现div垂直居中的几种方法

转自http://www.haorooms.com/post/css_div_juzhong 前言 我们都知道,固定高宽的div在网页中垂直居中很简单,相信大家也很容易的写出来,但是不是固定高...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DIV和CSS排版中制作细线条的几种方法
举报原因:
原因补充:

(最多只允许输入30个字)