css中元素居中显示的常见问题及解决方案

居中显示
    margin: 0px auto;可以使元素（自己及子元素）居中显示，使用时必须有width值，否则无效果。
    
    如果要让被包裹在内部的元素居中对齐则使用text-align:center;

  

    [关于text——align：center；和align="absmiddle"的区别。

    text——align：center；属于让子元素居中的一种方法。
    align="absmiddle" 定义自己的属性，多用于多img 的操作。
    名称 说明
    AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
    AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
    Baseline 图像的下边缘与第一行文本的下边缘对齐。
    Bottom 图像的下边缘与第一行文本的下边缘对齐。
    Left 图像沿网页的左边缘对齐，文字在图像右边换行。
    Middle 图像的中间与第一行文本的下边缘对齐。
    NotSet 未设定对齐方式。
    Right 图像沿网页的右边缘对齐，文字在图像左边换行。
    TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
    Top 图像的上边缘与同一行上最高元素的上边缘对齐
    ]
    
    使用以上三种居中对齐元素的方法，可以解决所有问题。随着先科技发展，硬件设备越来越高端。宽屏显示器更为主流。
当做一个1920px宽的页面时，能够适用在22的电脑上，对于14的显示器就很尴尬。打开页面显示的不是正中心。；
    解决办法：
    #test
    {
      position: absolute;
      left:50%;
      width: 1920px;
      margin:0 auto 0 -960px; /* margin-left需要是宽度的一半 */
      overflow-x：hidden；/* 将隐藏横向的滑动条 */
    }
    简介
    overflow-x
    语法：
    overflow-x：
    <overflow-style> = visible | hidden | scroll | auto
    默认值：visible[1]
    取值：
    visible：
    不剪切内容。
    hidden：
    将超出对象宽度的内容进行裁剪，将不出现滚动条。
    scroll：
    将超出对象宽度的内容进行裁剪，并以滚动条的方式显示超出的内容。
    auto：
    在需要时剪切内容并添加滚动条，此为body对象和textarea的默认值。