为什么你应该停止使用"传统"的margin和padding来设置CSS样式

文章预览

随着使用网络的人比以往任何时候都多，确保网络体验对所有用户都可访问的需求变得更加迫切。这包括从从不同方向/角度（（从右到左，从上到下等）。 当添加传统的 margin 和 padding 时，你明确地定义了来自各个方向（上、下、左和右）的边距和填充。这可能会在你的区域设置中创建一个看起来不错的布局，但当使用不同区域设置的用户以与你设计的方式不同的 方向/角度 和查看内容时，可能会感到困惑。 每个现代开发者都应该使用 margin-inline / margin-block 和 padding-inline / padding-block 。 我们来分析这些CSS属性是如何工作的，以及为什么我们要使用它们。 margin-inline 和 padding-inline 控制左右 margin/padding。我们不是明确定义与这些特定方向对应的边距，而是将它们定义为 start 和 end 边距。虽然一个区域可能从左开始到右结束，但其他区域可能不是， ………………………………