zoukankan      html  css  js  c++  java
  • CSS布局(Layout)

    clear:

    该属性的值指出了不允许有浮动对象的边.

    默认值:none

    取值 描述
    none 允许两边都可以有浮动对象
    left 不允许左边有浮动对象
    right 不允许右边有浮动对象
    both 两边都不允许有浮动对象

    float:

    该属性的值指出了对象如何浮动.

    默认值:none

    取值 描述
    none 对象不漂浮
    left 文本流向对象的右边
    right 文本流向对象的右边

    例子:

    例子 效果
        <div style="float:left">
            天津
        </div>
        <div>
            计算机
        </div>
    
        <style type="text/css">
            div
            {
            	border:dashed 1px black;
            	150px;
            	height:70px;
            	scrollbar-track-color :ThreedDarkShadow;
            }
        </style>
    image

    clip:

    检索或设置对象的可视区域.可视区域之外的部分是透明的.

    position属性的值为absolute,此属性才可以使用.

    语法:

    auto | rect(num,num,num,num)

    默认值:auto

    注意:必须要是元素的position属性为absolute时才可以.clip裁切的计算坐标都是以左上角即(0,0)点开始计算

    image

    取值 描述
    none 对象无剪切.
    rect(num num num num) 依据上-右-下-左的顺序提供对象左上角的(0,0)坐标计算的四个偏移数值,其中任何一个值都可用auto替换,即此边不剪切.

     例子:

    例子 效果
        <img src="1.jpg" style="position:absolute;
            clip:rect(0px 130px 60px 50px)" />
        <img src="1.jpg" style="position:absolute; top:130px;"/>
    image
  • 相关阅读:
    C#-------------枚举
    C#-------------类型构造器
    C#-内存天下
    线程在C#中的使用
    C#遗忘笔记--品味类型
    二分查找算法(C#实现)
    Linq 表达式树
    javascript中的对象
    this绑定的顺序
    弹出对话框
  • 原文地址:https://www.cnblogs.com/oneword/p/1498457.html
Copyright © 2011-2022 走看看