xaml的margin和css的margin对比

最新推荐文章于 2025-04-15 18:44:26 发布

weixin_30896825

最新推荐文章于 2025-04-15 18:44:26 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/grj1046/p/5040965.html

本文详细介绍了CSS和XAML中Margin属性的使用方法及差异，包括不同数值配置的含义和单位的应用。同时对比了两种语言中Margin设置的不同之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css margin

xaml margin

例子 1

css margin:10px 5px 15px 20px;上右下左

上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px

xaml Margin="10, 5, 15, 20" or Margin="10 5 15 20" 左、上、右、下

左外边距是 10
上外边距是 5
右外边距是 15
下外边距是 20

例子 2

css margin:10px 5px 15px;

上外边距是 10px
左外边距和右外边距是 5px
下外边距是 15px

xaml 无此语法

例子 3

css margin:10px 5px;

上外边距和下外边距是 10px
左外边距和右外边距是 5px

xaml Margin="20,50"

左外边距和右外边距是 20
上外边距和下外边距是 50。

css 可能的值

值	描述
auto	浏览器计算外边距。
length	规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
%	规定基于父元素的宽度的百分比的外边距。
inherit	规定应该从父元素继承外边距。

XAML 值
左、上、右、下
介于 0 和 PositiveInfinity 之间的数字值，它们指定了一个 Thickness 结构的四个可能的维度属性。
特性用法也接受按提供的顺序对称而符合逻辑地应用的缩略值。例如，将解释 Margin="20"，意味着将 Thickness 的所有属性设置为 20。 Margin="20,50" 将被解释为表示一个 Thickness，将 Left 和 Right 设置为 20，将 Top 和 Bottom 设置为 50。
Thickness 度量的默认单位是device-independent unit (1/96th inch)。通过将单位类型字符串 cm、in 或 pt 追加到任何度量，还可以指定其他单位。
作为 XAML 特性提供的数字值无需指定小数点（0 是可接受的，无需以 0.0 的形式提供）。有关Extensible Application Markup Language (XAML) 用法的更多信息，请参见 Thickness。
thicknessReference
一个对现有 Thickness 的对象引用。这可能是 }、或 } 引用。有关Extensible Application Markup Language (XAML) 用法的更多信息，请参见 Thickness。

转载于:https://www.cnblogs.com/grj1046/p/5040965.html