摘要: 如下图所示,margin上下左右四个方向分别是1px, 2px, 3px, 4px。 而在浏览器F12检查时,margin显示如下图所示: 即浏览器检查时显示的margin值,是按照上、右、下、左的顺序来的。 该规律在padding也同样适用。 阅读全文
posted @ 2023-10-17 13:47 EimC 阅读(75) 评论(0) 推荐(0)
摘要: 百分比(%)单位:百分比单位在响应式设计中十分好用,不过有时候,使用百分比单位设置元素的宽度可能会导致元素过小或过大。为了避免这种情况,可以结合使用百分比和最小宽度(min-width)或最大宽度(max-width)属性来限制元素的大小范围。 em 和 rem 单位:em 和 rem 是相对于元素 阅读全文
posted @ 2023-10-17 13:38 EimC 阅读(59) 评论(0) 推荐(0)
摘要: 当flex布局的父元素使用align-items: center时,子元素都会居中,而若想要单独某一个子元素不居中,而是向左对齐,则应该给子元素添加align-self: flex-start。 阅读全文
posted @ 2023-10-17 12:32 EimC 阅读(163) 评论(0) 推荐(0)