CSS 之布局（Layout）

一、属性

Properties
属性		Description
简介
display 设置或检索对象是否及如何显示
float 该属性的值指出了对象是否及如何浮动。请参阅clear属性
clear 该属性的值指出了不允许有浮动对象的边。请参阅float属性
visibility 设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间
overflow 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
overflow-x 检索或设置当对象的内容超过其指定宽度时如何管理内容
overflow-y 检索或设置当对象的内容超过其指定高度时如何管理内容
rotation 检索或设置对象的旋转角度
rotation-point 检索或设置的对象旋转时所参照的坐标点

二、示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局</title>
    <style>
        .test {
            -webkit-rotation: 45deg;
            -moz-rotation: 45deg;
            -o-rotation: 45deg;
            -ms-rotation: 45deg;
            rotation: 45deg;
            width: 100px;
            padding: 10px;
            border: 5px solid #aaa;
        }
    </style>
</head>
<body>
<div class="test">这是一个旋转过后的div</div>
</body>

</html>
posted @ 2019-12-13 16:21  样子2018  阅读(556)  评论(0)  编辑  收藏  举报