css - 为什么没有维度css属性？

在 CSS 中，我们可以定义:

margin-top: 10px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;

或者只是简短:

margin: 10 1 1 1;

我们还可以定义:

border-left -right -bottom -top ...

或简短:

border:1px solid black;

为了定义元素的尺寸，我们需要:

width: 150px;
height: 200px;

为什么没有类似的东西:

dimension: 150px 200px;

或者是否存在类似的东西而我只是不知道？

(我问的原因:我总是打错 'dth' -> 'dht' 和 'ght' -> 'gth' 并想责怪某人)

最佳答案

鉴于我们在二维空间中工作，那么将只有 2 个属性，即 Width 和 Height。将此与具有四个可能参数的边距进行比较。

使用建议的维度属性可以节省很少的输入，但冒着增加错误的风险。例如，您很容易犯将高度和宽度混淆的错误 - 在 dimension: 150px 200px; 中，150px 是高度还是宽度？浏览器将如何解释 dimension:200px 是仅表示 200 宽度，还是表示 200 x 200px ？或者是其他东西？

关于css - 为什么没有维度css属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1741850/