首页 > Web > 网页设计中的坐标原点
2010十一月18

网页设计中的坐标原点

一直搞不懂各种定位的东西,因为我一直不知道原点该从哪算。

按照初中学过的画坐标的方法,肯定是左下脚为原点,然后右方向是X轴,上方向是Y轴。

但是事实却并非如此。在网上翻来翻去,还是百度知道牛掰:http://zhidao.baidu.com/question/51168549.html

最佳答案
左上角,左为横轴正方向,下为纵轴正方向

理解记忆方法:方便屏幕刷新(从左到右、从上到下)

其实就是懒,懒的去想,只靠猜,于是对着CSS里位置的都是正坐标发楞。其实张张嘴问问别人,或者是自己实际的去操作一下,很清楚的。

例如,今天早上下完Flex Builder,发现其可以拖拽生成代码,我把一个按钮放在左侧,其坐标就已经出来了:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
       layout="absolute">
    <mx:Button x="10" y="10" label="Button"/>
</mx:Application>

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2010/11/18/1993/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

16 Responses to “网页设计中的坐标原点”

  1. #1 alswl 回复 | 引用 Post:2010-11-18 09:58

    绝对定位不好用拉,用内层元素适应外层比较合适,
    可以适应界面的最大化,拖拽大小

    [回复]

  2. #2 Not Sex ! 回复 | 引用 Post:2010-11-18 10:41

    板凳……

    [回复]

  3. #3 Zeric 回复 | 引用 Post:2010-11-18 10:46

    小小子也开始折腾 FB 啦。 同上,绝对定位还是少用为好,不好用的,至少我是这么觉得的。

    [回复]

  4. #4 第五代 回复 | 引用 Post:2010-11-18 11:44

    不错学习了,代码我不太懂

    [回复]

  5. #5 回复 | 引用 Post:2010-11-18 22:05

    你消失了好长时间啊。终于回来了。。。话说这个坐标问题,我也注意到了。向下才是Y轴正值。。。。

    [回复]

  6. #6 simaopig 回复 | 引用 Post:2010-11-19 10:02

    @alswl
    呵呵,不过看他们给我的样式里,有的确实就是用的绝对定位。

    ^_^

    [回复]

  7. #7 simaopig 回复 | 引用 Post:2010-11-19 10:03

    @虾
    嗯。向下是正值。让我感觉我学的数学是错的。哈。

    [回复]

  8. #8 simaopig 回复 | 引用 Post:2010-11-19 10:04

    @Zeric
    呵呵,刚开始学。啥也不会呢。。

    [回复]

  9. #9 ugg australia 回复 | 引用 Post:2010-11-23 16:07

    我也啥都不懂,学习下!

    [回复]

  10. #10 戈尔本 回复 | 引用 Post:2011-01-07 11:55

    刚学做站,看起来好吃力,向你学习

    [回复]

  11. #11 tcdona 回复 | 引用 Post:2011-03-03 16:45

    最佳答案
    左上角,“左”为横轴正方向,下为纵轴正方向
    理解记忆方法:方便屏幕刷新(从左到右、从上到下)
    这明显是“右”为横轴正方向

    [回复]

  12. #12 simaopig 回复 | 引用 Post:2011-03-03 16:50

    @tcdona
    CSS中,背景图片的位置,可是不简单的哦!

    [回复]

  13. #13 simaopig 回复 | 引用 Post:2011-03-03 23:05

    @tcdona
    貌似我这篇文章抄的不一定对。已经记不起来当时的这个FLEX是否和现在的CSS中的background-position一致了

    不好意思 :oops:

    [回复]

  14. #14 tcdona 回复 | 引用 Post:2011-03-04 08:43

    我觉得文章对错先不说,你的标题不太清楚啊,是html里面的坐标,还是css的定位,又怎么出来了flex的css呢

    [回复]

  15. #15 simaopig 回复 | 引用 Post:2011-03-04 18:31

    @tcdona
    呃,确实是标题不清楚。。我当时确实是做FLEX时想到这个问题的,因为我不知道FLEX元素我坐标咋写。 见谅! :roll:

    [回复]

  16. #16 redswallow 回复 | 引用 Post:2011-10-05 19:49

    左上角~和我想得一样=v=

    [回复]

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)