总是记不住的知识

博闻强记 杂 css

1，水平居中

• 方法一： child: margin auto +block

• 方法二： parent: text-align,child: inline-block
  如果要实现
  
  分析下。card包括title+ div部分。title要有背景，而且居中。

  • 当然可以用第二种方法，但是这样的话div要再加一个text-align:left。
  • 如果用第一种方法的话，因为设置了block，默认width:100%,所以其实违背了本意（tag背景色）。所以需要额外设置width，但是这样的话有点写死了的赶脚，因为里面的文字其实不定。
    

    //第一种方法
    .card{
            text-align: center;
            .sub-title{
                display: inline-block;
                margin: 10px auto 20px;
            }
            .form-part{
                text-align: left;
            }
        }