码迷,mamicode.com
首页 > Web开发 > 详细

CSS也能计算:calc

时间:2020-03-29 10:56:30      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:type   不用   http   code   ima   屏幕   list   content   width   

举个例子ul li适配屏幕,如果加个border:1px,不用border-content得情况下,每个li多加了2px:

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

 

<style>

ul{
  width:100%
  list-style:none
}

ul li{
    width:(calc:25% -2px);
  list-style-type:none;
  float:left
  border:1px #ddd solid;
  height:15px
}

</style>

效果:
技术图片

 

CSS也能计算:calc

标签:type   不用   http   code   ima   屏幕   list   content   width   

原文地址:https://www.cnblogs.com/smedas/p/12590975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!