盒模型布局测验

盒模型布局测验

盒模型布局测验

1【多选题】

有关盒子宽度与高度说法正确的是

A、盒子设置其宽度为100%,这样宽度就会随着浏览器的宽度调整进行自动适应。

B、高度是无法通过设置百分比来进行自适应,如果div中有内容,高度才会自适应内容的高度。

C、一个“盒子”由宽度和高度组成

D、如果想让一个元素(盒子)的百分比高度height:100%起作用,则需要给这个元素的所有父元素的高度设定一个有效值

2【多选题】

盒子与内容水平居中说法正确的是

A、使用属性text-align:center可以设置容器中的内容(包括表格)水平居中

B、如果容器中放置的子元素仍然还是一个容器,那么单纯地设置text-align:center是不会生效的

C、盒子需要水平居中对齐,就需要在div的外面再套一个更大的div容器

D、让外面的div容器通过设置边距margin: 0 auto;使盒子实现水平居中。

3【多选题】

overflow属性说法正确的是

A、visible:内容不会被修剪,会呈现在元素框之外(默认值)

B、hidden:溢出内容会被修剪,并且被修剪的内容是不可见的

C、auto:在需要时产生滚动条,即自适应所要显示的内容

D、scroll:溢出内容会被修剪,且浏览器会始终显示滚动条

4【多选题】下列选项中,关于display:none;样式说法正确的是:

A、显示元素对象

B、隐藏元素对象

C、占用页面空间

D、不占用页面空间

5【判断题】

一个“盒子”由宽度和高度组成,盒子在浏览器中的摆放位置称为布局。

6【判断题】

line-height实现内容的垂直居中,line-height只能实现使有一行高度的内容垂直居中。且需line-height的值与盒子内高度height的值完全相同。

7【判断题】

表格中的单元格默认就是垂直居中的,可以利用div来模拟一个单元格的属性display:table-cell

8【判断题】

模拟一个单元格的属display:table-cell使盒子中的内容作为一个表格单元格显示(类似 <td> 和 <th>),并利用vertical-align实现内容垂直居中后,但对div单纯设置宽度为100%将会失效,可以利用css的另外一个属性min-width:500px表示单元格的最小宽度。

9【判断题】

任何一个容器都可以指定为Flex布局,采用Flex布局的元素,被称为Flex容器(flex container),简称“容器”,其所有子元素自动成为容器成员。

10【判断题】

在使用div盒子页面布局时都会设置其高度,但这样也可能会导致div的内容超出了其div设置的高度,可以使用overflow属性来对其进行处理。

11【判断题】

overflow: hidden;     /*设置超出部分内容自动隐藏*/

12【判断题】对一个宽度固定的块级元素应用margin:0 auto;样式,可使其水平居中。