css中的一个小运算。下面k值是32px还是34px?

发布网友发布时间：2024-09-27 21:30

共3个回答

热心网友时间：2024-10-25 16:49

你就是纠结那两像素怎么出来的呗，你得先明白是什么撑起了高度，自己的padding，孩子的margin，文本的高度，暂时不考虑边框，因为不同浏览器对边框计算方法不一样；
前面两个你应该明白，文本的高度你就觉得文字的高度就是文本的高度了，其实不是的，文本的高度其实看得是 line-height；这是你误解的地方，12px的文字，他的行高不应定是12，你设置行高为16，那么你得到的数值就是38；
如果没有行高，block元素的行高等于font-size+2，所以
padding 上下各10 是20px，存在文本内容，只占一行，所以是12px+2px；得到34px

如果感兴趣可以试试多行的，再试试div 试试p 这几个block元素，再对比一下 a span 这样的inline元素

热心网友时间：2024-10-25 16:42

没注意看你是什么问题，但是一看你CSS就一堆问题：
首先，margin:各方向都相同的时候，可以省写为，比如全部为5PX时，margin:5px;

还有：
margin: 20px 20px 20px 20px; /* 左侧外边距为0，其余为20像素*/

你这句是四边全部为20PX的外边距，，，，

今晚有点不太清醒，告诉你一个好办法计算当然元素的宽度或者其它属性：

用火狐的FIREBUG，或者谷歌的元素审核，，，快捷键，F12

可以直接查看到当前的数值。。。

热心网友时间：2024-10-25 16:43

答案。34px

首先呢，写法不好！
还有这话总算法实际用不到吧。
而且我也不知道怎么算的，还是第一次听说CSS有这种算法！
当然我不是学校或者学院学出来的！
CSS还是实践更重要！