首页 百科知识 布局的常用元素

布局的常用元素

时间:2024-10-19 百科知识 版权反馈
【摘要】:display:用于控制对象是否显示,以及排列的方式。我们在上一章讲过该属性的原理,为保持完整性,这里我们只列出它的可选值。有3个可选值:rect:依据上—右—下—左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切

4.5.2 CSS布局的常用元素

position:用于决定布局的方式。我们在上一章讲过该属性的原理,这里我们只列出它的可选值。

img171

display:用于控制对象是否显示,以及排列的方式。我们在上一章讲过该属性的原理,这里我们只列出它的可选值。

img172

续表

img173

img174

visibility:是否可见,但是与display不同,它保留对象所占的物理空间。

img175

img176

float:该属性的值指出了对象是否及如何浮动。我们在上一章讲过该属性的原理,为保持完整性,这里我们只列出它的可选值。有3个可选值:

none:对象不浮动

left:对象浮在左边

right:对象浮在右边

img177

clear:该属性的值指出了不允许有浮动对象的边。有下列4个可选值:

none:允许两边都可以有浮动对象

both:不允许有浮动对象

left:不允许左边有浮动对象

right:不允许右边有浮动对象

img178

overflow:设置当对象的内容超过其指定高度及宽度时如何管理内容。

visible:不剪切内容也不添加滚动条。扩大面积以显示所有内容

auto:此为body对象和textarea对象的默认值。在需要时剪切内容并添加滚动条

hidden:不显示超过对象尺寸的内容

scroll:总是显示滚动条

img179

clip设置对象的可视区域。

auto:对象无剪切

rect(number number number number):依据上—右—下—左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切

img180

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈