今天来讲一个灵活控制标签长度的方法calc()
。
calc()
语法规则:
calc(expression)
,expression
是一个数学表达式。
举个栗子:
首先,显示一个宽度只有50%的div
1,-
width: calc(100% - 100px);
宽度100%的基础上,两边各削减50px
2,+
width: calc(100% + 100px);
宽度100%的基础上,两边各加宽50px
3,*
width: calc(50% * 2);
宽度50%的基础上乘以2,即100%(高度有变化是因为我在别处做了调整,懒得改图了)