zoukankan      html  css  js  c++  java
  • 转:关于右对齐在各种定位下的写法

    http://www.zhangmeigong.cn/post/about.html

    问题:想要将元素和它的内容与其父元素或定位最近的祖先元素右对齐。解决方案:此设计模式在每一个步骤上都与左对齐模式对称    --·要将内容右对齐,则把text-align:right赋给包含的块状元素。

        --·要创建一个右对齐的设定尺寸的元素,可以使用+value来设定它的尺寸。           可以使用marign-right:0将它右对齐,用margin-left:auto阻止它左对齐。           对于一个绝对定位元素,也可以使用right:0来使元素右对齐,用left:auto来阻止它左对齐。
       --·要创建一个右对齐的拉伸的元素,          可以使用automargin-left:0margin-right:0来拉伸它的宽度至容器的左右端。          对于一个绝对定位元素,也可以使用left:0right:0来拉伸它至左右两侧。
       --· 要创建一个右对齐的包裹的元素,           可以使用auto、left:automargin-left:auto来设定包裹宽度。           可以使用right:0margin-right:0将它右对齐。
    模式:       对设定尺寸的静态块状元素右对齐       block-selector  {                 position:static;                     text-align:right;                 +value;                        margin-left:auto;                 margin-right:0;         }       对拉伸的静态块状元素右对齐       block-selector {                 position:static;                     text-align:right;                 auto;                         margin-left:0;                 margin-right:0;         }      对设定尺寸的绝对定位元素右对齐       selector {                 position:abslute;                          text-align:right;                 +value;                 left:0;                      margin-left:auto;                 right:0;                     margin-right:0;         }       对包裹的绝对定位元素右对齐       selector {                 position:absolute;                        text-align:right;                 auto;                   left:auto;                  margin-left:auto;                 right:0;                     margin-right:0;         }      对拉伸的绝对定位元素右对齐       selector {                 position:absolute;                         text-align:right;                 auto;                   left:0;                      margin-left:0;                 right:0;                     margin-right:0;         } 适用范围:此模式适用于所有元素。 局限:被拉伸的绝对定位模式不适用于IE6,但适用于IE7。

  • 相关阅读:
    Apache 配置多个HTTPS站点(转载)
    一个显示某段时间内每个月的方法 返回由这些月 (转载)
    支付宝支付出现 openssl_sign(): supplied key param cannot be coerced into a private key
    tp5 setInc 中一直返回 0
    数据库 SQLSTATE[22003]: Numeric value out of range: 1264 Out of range value for col
    MYSQL设置查询内存表大小
    PHP原生的mysql查询
    支付宝 APP支付 错误码
    centos6.5中安装完成扩展后 在modules 也能找到 但是在phpinfo中看不见
    configure: error: Cannot find php-config. Please use --with-php-config=PATH
  • 原文地址:https://www.cnblogs.com/yingzi/p/2440919.html
Copyright © 2011-2022 走看看