100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > DIV和CSS排版中制作细线条的几种方法(转)【HTML】

DIV和CSS排版中制作细线条的几种方法(转)【HTML】

时间:2023-02-05 08:11:03

相关推荐

DIV和CSS排版中制作细线条的几种方法(转)【HTML】

web前端|html教程

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

web前端-html教程

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

生鲜 ecshop源码,vscode与vs哪个好,ubuntu下的$,tomcat部署防乱码,淘宝视频爬虫,html中如何使用php,新乡县seo优化托管,申领网站源码,中介网站模板lzw

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

android 摄像头源码,ubuntu卸载后硬盘,骷髅爬虫咬合力,php sort(),浦城seo优化lzw

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

织梦cmsqq卖号网源码,vscode常用插件配置,ubuntu自带火狐,tomcat证书过期,sqlite3.dll放,如何快速掌握一门前端框架,美团外卖爬虫程序怎么删除,php 生成号码,西服seo标题优化,网站按钮图标,HTML优秀网页源码下载,dedecms 自定义表单 模板lzw

.line{

background: #CCCCCC;

height: 6px;

}

可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。

1:

.line11{

background: #CCCCCC;

height: 6px;

overflow: hidden;

}

2. div之间要加个空格 注:IE5.0 无效

.line12{

background: #336699;

line-height: 6px;

}

3:

.line13{

background: #CC0000;

height: 6px;

font-size: 1px;

}

备注:在FireFox下一点问题也没有,IE的Bug。

overflow: hidden;

font-size:1px;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。