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>

赞 (0)

相关推荐

  • DIV和CSS排版中制作细线条的方法小结

    今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章. 最终有了解决方案,参考下面文章: 如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面. 复制代码 代码如下: <style>  .line{  background: #CCCCCC;  height: 6px;  }</style>  <div class="line"></div> 可看出实际高度大于6PX

  • jQuery中的一些常见方法小结(推荐)

    1.filter()和not()方法 filter()和not()是一对反方法,filter()是过滤. filter()方法是针对元素自身.(跟has()方法有区别) <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script> /*filter(): 过滤 not():filter的反义词<BR>*/ $(function(

  • c++获取sqlite3数据库表中所有字段的方法小结

    c++获取sqlite3数据库表中所有字段的方法小结

    常用方法: 1.使用sqlite3_get_table函数 2.获取sqlite创建表的sql语句字符串,然后进行解析获取到相应的字段 3.采用配置文件的方式,将所有字段名写入配置文件 下面针对这三个方法给大家逐一详细介绍. 方法1:使用sqlite3_get_table函数 代码: char *dbname = "test.db"; int rc = sqlite3_open(dbname, &db); if (rc == SQLITE_OK) { char sql[256]

  • Java中Spring获取bean方法小结

    Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架,如何在程序中获取Spring配置的bean呢? Bean工厂(com.springframework.beans.factory.BeanFactory)是Spring框架最核心的接口,它提供了高级IoC的配置机制.BeanFactory使管理不同类型的Java对象成为可能,应用上下文(com.springframework.context.ApplicationContext)建立在BeanFactory基础之上,提供

  • js中less常用的方法小结

    1.color 解析颜色 把代表颜色的字符串转换为颜色值 @c:'#000' .box{ background:color(@c) } 2.data-uri 把我们需要使用的素材图片转化成BASE64编码 ,项目中尤其是移动端的项目,节省了图片的加载时间,是图片优化的一个手段:LESS对于大图片是不能转码的,我们可以使用BASE64工具转码(tool.css-js.com) 项目中慎用,当你在移动端项目中有一些大图实在没有办法处理了的情况下在使用BASE64. @c:'#000' @url:'.

  • Android中闪屏实现方法小结(普通闪屏、倒计时闪屏、倒计时+动画闪屏)

    Android中闪屏实现方法小结(普通闪屏、倒计时闪屏、倒计时+动画闪屏)

    一.项目目录结构 二.activity_main.xml代码 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match

  • JS中图片压缩的方法小结

    首先想一想我们有哪些需求?大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器:有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库:有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程:面对这么多的需求,王二索性画了一张图: Alt text 二.解决办法 如上图所示,王二一共写了七个方法,基本覆盖了JS中大部分文件类型的转换与压缩,其中: 1. url

  • Android编程中图片特效处理方法小结

    Android编程中图片特效处理方法小结

    本文实例总结了Android编程中图片特效处理方法.分享给大家供大家参考,具体如下: 这里介绍的Android图片处理方法包括: 转换 -  drawable To  bitmap 缩放 -  Zoom 圆角 -  Round Corner 倒影 -  Reflected bitmapPrcess  code: package com.learn.games; import android.graphics.Bitmap; import android.graphics.Canvas; impo

  • PHP中PDO连接数据库中各种DNS设置方法小结

    本文实例总结了PHP中PDO连接数据库中各种DNS设置方法.分享给大家供大家参考,具体如下: pdo中DNS书写方式如下: mssql:host=localhost;dbname=testdb sybase:host=localhost;dbname=testdb dblib:host=localhost;dbname=testdb firebird:User=john;Password=mypass;Database=DATABASE.GDE;DataSource=localhost;Port

  • SQL Server存储过程中编写事务处理的方法小结

    本文实例讲述了SQL Server存储过程中编写事务处理的方法.分享给大家供大家参考,具体如下: SQL Server中数据库事务处理是相当有用的,鉴于很多SQL初学者编写的事务处理代码存往往存在漏洞,本文我们介绍了三种不同的方法,举例说明了如何在存储过程事务处理中编写正确的代码.希望能够对您有所帮助. 在编写SQL Server 事务相关的存储过程代码时,经常看到下面这样的写法: begin tran update statement 1 ... update statement 2 ...

随机推荐