• 居中方式


    1.line-height.

    2.line-height+vertical-align.
    3.text-align.
    4.position.
    5.margin.
     
    在IE6下,如果相邻元素设置了float,然后再设置了margin-left或者margin-right,则给每一个块添加属性:*display:inline;(IE6不支持inline-block属性,若元素中设置了,要如上设置)
    每次只在将最外面的块设置相关的位置。并且设置好起宽度,高度由元素撑起。
    如果复杂嵌套元素有相关问题,则可以添加border查看其关系,border以内的空白是padding.
    一般来说块元素的width是充满父元素的。
    在浏览器中,可以为多个需要使用到图片的标签都使用一张图片,而这张图片上包含了所需要用到的图片,使用的关键是background-position,调整xy的值来改变图片位置。当x的值变小的时候,图片相对于窗口向左移动。当y值变大时,图片相对于窗口向下移动。
     
    border以内的都是内容,都可以显示。因此padding可以显示内容,如背景图片~
    IE6 hack模式"_'
    IE8以下 ""
    IE67"*"
    IE7 "+"
    img,input,select,textarea,替换行元素
    border:0border:none在IE67下的表现不一样。border:0占内存,要渲染。border:none不占内存不渲染。
    如果一个块元素要display:inline-block;需要兼容IE67写上*zoom:1;和*display:inline;
    如果要设置最小高度,现代浏览器需要添加min-height属性,而IE6添加_height。
    中间自适应,两边固定。需要三个同级块,然后第一第二块左右浮动。
  • 相关阅读:
    HRBUST 1849 商品中心
    UVA 11600 Masud Rana
    Codeforces Round #580 (Div.1)
    loj 6270 数据结构板子题
    luogu P1758 [NOI2009]管道取珠
    luogu P1852 [国家集训队]跳跳棋
    51nod 2589 快速讨伐
    SICP_3.9-3.11
    SICP_3.7-3.8
    SICP_3.5-3.6
  • 原文地址:https://www.cnblogs.com/programerHuan/p/4772589.html
Copyright © 2020-2023  润新知