zoukankan      html  css  js  c++  java
  • 几个css的小知识点(一)

    1、对于不能确定宽度的div让它水平居中。

    <div class='father'>
        <div class='son'>居中</div>
    </div>
    

     son的宽度不确定,要让它在father里面水平居中

    方法:
    .father{text-align:center;}
    .son{display:inline-block;}

    2、box-sizing的认识

    (1)值为content-box(默认)
             在宽度和高度之外绘制元素的内边距和边框。
    (2)值为border-box
             为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
    .content-box {
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                -o-box-sizing: content-box;
                -ms-box-sizing: content-box;
                box-sizing: content-box;
                width: 200px;
                height: 200px;
                padding: 10px;
                margin: 20px;
                border: 1px solid red;
                text-align: center;
                line-height: 200px;
            }
    
            .border-box {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                width: 200px;
                height: 200px;
                padding: 10px;
                margin: 20px;
                border: 1px solid blue;
                text-align: center;
                line-height: 200px;
            }
    以上两个元素的宽和高都设置为200px,可以看出两者的区别。
     
  • 相关阅读:
    淘女郎相册爬虫(Python编写)
    在 Linux 命令行中使用和执行 PHP 代码
    PHP PhantomJs中文文档(翻译)
    PHP
    PHP
    PHP
    PHP — 用PHP实现一个双向队列
    Redis — CentOS6.4安装Redis以及安装PHP客户端phpredis
    Linux
    Memcache学习笔记
  • 原文地址:https://www.cnblogs.com/kwzm/p/5179759.html
Copyright © 2011-2022 走看看