DIV和CSS排版中制作细线条的方法小结
2023-06-13 09:13:58 时间
今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效,特意查了一下相关文章。
最终有了解决方案,参考下面文章:
如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。
复制代码代码如下:
最终有了解决方案,参考下面文章:
如果要制作一条高度小于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>
相关文章
- mysql怎么修改密码,mysql修改密码的几种方法
- 【说站】css如何使用scale()方法进行缩放
- 【说站】php.ini中屏蔽所有错误的方法
- CSS 优化、提高性能的方法有哪些
- Cron在Centos上的安装方法
- Loadrunner11创建脚本、打开vugen、controller、analysis超级慢的解决方法
- 前端必备的 CSS 库,normalize.css
- Java Connection.commit()方法:提交事务
- JS addRule()和insertRule()方法:添加CSS样式
- Linux下创建目录的简便方法:mkdir(linux下创建目录命令)
- MySQL数据倒入MSSQL:一种新的移植方法(mysql倒入mssql)
- Oracle 数据库中全表搜索特定值的实现方法(oracle 全库查找值)
- Oracle实现多参数传递数组的方法(oracle 传递 数组)
- 惊现学习CSS应该注意的方法
- css布局网页水平居中常用方法
- 多个js与css文件的合并方法详细说明
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- 把excel表格里的数据导入sql数据库的两种方法
- IIS启用GZIP压缩js、css无效的原因及解决方法
- 用css截取字符的几种方法详解(css排版隐藏溢出文本)
- python中stdout输出不缓存的设置方法
- php获取CSS文件中图片地址并下载到本地的方法
- Asp.net程序优化js、css实现合并与压缩的方法
- js+css实现tab菜单切换效果的方法
- 实现Asp与Asp.Net共享Session的方法