已设置好的标签的长度改变问题

div标签中使用padding-left使div的长度改变,怎么解决这个问题

如果一个容器不设置宽度而只设置padding,那么容器看起来是不会变大的。会“内缩”。

如果设置了宽度和padding,那么最终容器就会超过实际宽度。
比如

...

最终的宽度可能是:W:120px,H:110px;
如果你想容器不变化大小,就要用计算器算了,最终改成:
...

把width减少8像素 就是width:207px 就可以了

有一个box-sizing属性,这个属性是设置margin和padding是不是在框里的,具体你可以看下w3cbox-sizing属性

设置width的长度为需要显示的长度减去padding长度,要不div里面另外嵌套一个div,这个div设置padding,而不是给容器设置padding

还可以用text-index,