谷歌html中宽度为小数,CSS宽度中的小数位受尊重吗?

da677aaa88b9ce7524a8c24772626f1d.png

开满天机

尽管小数像素可能出现在单个元素上(如@SkilDrick演示得很好)重要的是要知道分数像素实际上在实际的盒子模型中是受尊重的.当元素相互叠在一起(或顶部)时,最好看到这一点;换句话说,如果我将400个0.5像素的div并排放置,它们将具有与单个200像素div相同的宽度。如果他们都其实我们认为200 pxdiv的长度是200 pxdiv的一半。这可以在这个可运行的代码片段中看到:body {  color:            white;  font-family:      sans-serif;  font-weight:      bold;  background-color: #334;}.div_house div {  height:           10px;  background-color: orange;  display:          inline-block;}div#small_divs div {  width:            0.5px;}div#large_div div {  width:            200px;}

 

0.5px div x 400

 
 

200px div x 1

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值