Margin 属性的一些边界情况说明 --转http://blog.csdn.net/ghj1976/article/details/4987686

Margin 属性的一些边界情况说明

分类： Silverlight 2009-12-11 18:12 194人阅读评论(1) 收藏举报

我们来看例子，下面的椭圆显示的将不是完整的一个椭圆。

Xaml 文件：

<UserControlxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"x:Class="MySilverlight3StudyApplication.MainPage"Width="640" Height="480" mc:Ignorable="d"><Ellipse Stroke="Black" StrokeThickness="10" Height="64" Margin="313,256,200,30" VerticalAlignment="Top" HorizontalAlignment="Left" Width="197"/>
UserControl>

执行效果如下图：

出现椭圆被劫了一部分的原因是 Margin="313,256,200,30" 在作怪。

Margin：获取或设置元素的外边距。上面的313,256,200,30 依次是 left,top,right,bottom

上面的右边距X坐标是通过下面算出来的 640（父控件宽度）-200（right Margin） = 440。而正常椭圆的最右边点的X坐标为 313（left Margin）+10（left StrokeThickness）+197（Ellipse Width）+10（right StrokeThickness）= 530。

由于椭圆的最右边已经在计算出来的右边距之外了，在之外的部分就没有显示，所以就会有上面的情况发生。

转载于:https://www.cnblogs.com/songtzu/archive/2012/04/11/2441793.html

Margin 属性的一些边界情况说明 --转http://blog.csdn.net/ghj1976/article/details/4987686相关推荐

http://blog.csdn.net/ican87/article/details/37566679#comments,关于布局属性的总结，非常棒！！
第一类:属性值 true或者 false android:layout_centerHrizontal 水平居中 android:layout_centerVertica ...
Linux线程属性总结 http://blog.csdn.net/zsf8701/article/details/7842392
Linux线程属性总结分类: Linux 2012-08-08 11:05 3657人阅读评论(2) 收藏举报 linux thread solaris concurrency syst ...
css【详解】—— margin属性（含margin合并，margin：auto，margin失效）
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素阻止margin-top合并的方法阻止margin-bottom合并的方法 3. 空块级元素的m ...
【约束布局】ConstraintLayout 组件可见性 View.GONE 处理与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
文章目录 I . 相对定位 Margin 属性 II . 可见性改变后的行为处理 ( Visibility Behavior ) III . 组件设置 GONE 属性示例被约束到不可见组件后 M ...
Vue.js 组件处理边界情况
这里记录的都是和处理边界情况有关的功能,即一些需要对 Vue 的规则做一些小调整的特殊情况.不过注意这些功能都是有劣势或危险的场景的.我们会在每个案例中注明,所以当你使用每个功能的时候请稍加留意. 访 ...
CSS margin 属性简介
CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性. margin 属性接受任何长度单位,可以是像素.英寸.毫米或 em. margin 可以设置为 auto.更常见的做 ...
CSS 盒模型之外边距 margin属性
外边距会在元素外创建额外的空白区域,这个区域不能放置其他元素.因此,大多数情况下,普通流中都是通过外边距来控制元素之间的距离,使元素间出现间隔. 外边距默认是透明的,在这个区域中可以看到父元素的背景. ...
IOS机型margin属性无效问题
这个问题很多小伙伴都有遇到,这次本猿也遇到了,记录一笔. 结论:简单的解决办法margin换padding!如有误,请大神不吝赐教.在Chrome浏览器移动端测试iphone5,打开的也是没问题的(这 ...
margin属性的正负值确定
margin属性用来使用设置外边距,大多数情况使用正值,但是一些稍复杂的定位就会使用到负值,所以对margin属性的正负值理解是有必要的,本文同时解释了margin-right和margin-bott ...
在html中设置margin属性,margin
margin (CSS语法) 编辑锁定讨论上传视频 margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度. 中文名外边距 ...

Margin 属性的一些边界情况说明 --转http://blog.csdn.net/ghj1976/article/details/4987686

Margin 属性的一些边界情况说明

Margin 属性的一些边界情况说明 --转http://blog.csdn.net/ghj1976/article/details/4987686相关推荐

最新文章

热门文章