itRef.cn技术参考网站

当前位置: 主页 > CSS >
  • [CSS] li与div的区别 日期:2010-05-27 15:41:00 点击:483 好评:0

    测试HTML结构: div id = box class = box ul li a href = # 这是第一行 / a / li li a href = # 这是第二行 / a / li li a href = # 这是第三行 / a / li li a href = # 这是第四行 / a / li / ul / div br / div id = box class = box div class = item a...

  • [CSS] CSS垂直居中【实例】 日期:2010-05-25 14:25:00 点击:242 好评:0

    让容器垂直居中的方法1: 1. 父容器、子容器宽高确定 2. 父容器position:relative; 子容器position:absolute 3. 子容器left:50%;top:50%; 然后用left:子容器宽度/2;top:子容器高度/2; 进行修正 改方法的缺点:需要预先确定父容器、子容器宽高,不能根据内容...

  • [CSS] CSS万能闭合样式类【实例】 日期:2010-05-25 11:50:00 点击:200 好评:0

    最重要的部分: . clear :after{ content : "." ; clear : both ; display : block ; height : 0 ; overflow : hidden ;} .clear{ display :inline- block ;} .clear{ display : block ;} 说明::after是定义需要关闭的父容器后的样式。 content设定容器的内...

  • [CSS] radio单选框与文字的对齐 日期:2010-05-22 16:01:00 点击:1342 好评:0

    当字体尺寸为12px时,与radio单选框在同一行时,它们的垂直方向上的对齐在个浏览器有差异。 fix的方法: 设置父容器字体样式为Tahoma,radio单选框的垂直对齐样式为middle 实例: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...

  • [CSS] 文本最小line-height兼容性 日期:2010-05-22 15:58:00 点击:219 好评:0

    各浏览器文字line-height的差异 ie6、ie7最小要设置line-height:1.2才可以完整显示文字 ie8、FF则需要line-height:1即可 实例: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...

  • [CSS] IE6、IE7下img的间距问题 日期:2010-05-22 15:43:00 点击:371 好评:0

    IE6、IE7情况下,多张图片在同一父容器中,自动换行后,上一行图片与下一行图片会存在4px左右的下边距 fix的方法:设置img样式:display:block; 或者设置img样式:vertical-align:middle|top|bottom|text-bottom; 实例: !DOCTYPE html PUBLIC "-//W3C//DTD...

  • [CSS] 图片与文字垂直对齐|vertical-align垂直对齐 日期:2010-05-21 00:11:00 点击:187 好评:0

    各浏览器内联块(inline-block)的vertical-align的默认值下的截图: (vertical-align的属性有baselin, sub, super, text-top, middle, bottom, text-bottom, length, %, inherit ) 最佳的解决方法: 设置vertical-align:text-bottom; 设置父容器font-family...

  • [CSS] IE6、IE7文本输入框高度的异常 日期:2010-05-15 22:45:00 点击:473 好评:0

    文本输入框(type为text的input)高度,在(IE6、IE7)与(IE8、FF)存在异常。 当文本框高度为 奇数 时,IE6、IE7会存在上下边距1px的空隙,fix的方法,针对IE6、IE7设置 *margin-top:-1px; 当文本框高度为 偶数 时,IE6、IE7会存在上边距2px的空隙,fix的...

  • [CSS] IE6两倍边距的问题 日期:2010-05-09 23:01:00 点击:141 好评:0

    产生的条件: 是块级元素(或者把内联元素设置成块级元素) 设置了样式 float:left 或者 float:right 设置了样式margin-left:10px或者 margin-right:10px,数值可以使其它数值。 IE6浏览器 解决的方法: 设置块级别元素样式display:inline。如果是内联元素则...

  • [CSS] 只输入半角的输入框[IE|FF] 日期:2010-04-24 23:35:00 点击:163 好评:0

    要求: 只能输入半角字符,中文为全角字符 解决: 设定input的style中的ime-mode属性为:disable input type=text style=ime-mode:disabled; / 仅对IE、FF有效...

栏目列表
推荐内容