
盒模型布局测验
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;样式,可使其水平居中。