CSS和WPF中 margin 与 padding 在方向上的规定基本一致,但在使用场景和一些细节上有所不同。
CSS
-
方向规定: margin 和 padding 属性可以分别指定上、右、下、左四个方向的值。例如 margin:10px 20px 30px 40px; 表示上外边距为10px、右外边距为20px、下外边距为30px、左外边距为40px。 padding 的用法同理。如果只设置一个值,则表示四个方向统一的外边距或内边距。
-
使用场景:用于网页布局,控制HTML元素在页面中的位置和间距,以及元素内部内容与边框的距离。
WPF
-
方向规定:同样可以对 Margin 和 Padding 的四个方向进行设置。例如, Margin="10,20,30,40" 表示左外边距为10、上外边距为20、右外边距为30、下外边距为40。 Padding 用法类似。不过在XAML中,也常通过属性如 Margin.Left Margin.Top 等单独设置某个方向的外边距。
-
使用场景:用于Windows桌面应用程序的界面布局,控制UI元素的位置和间距,以及元素内容与自身边框或容器边框的距离。