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>