一行四个街区。仅使用CSS

一行四个街区。仅使用CSS,css,Css,结果必须在第4页的黑色块,每个块必须是200像素宽。块之间的距离为10像素。这些块画在一条线上。在布局中考虑适应性,即相对屏幕分辨率块可以是单行3, 2或1。 Thx.要做到这一点,您必须向child添加display:inline block,如果屏幕的大小足够宽,则块将位于一条线上,否则如果屏幕的大小缩小,则块将分成两行,依此类推。 关于jsfiddle .主楼{ } .儿童街区{ 显示:内联块; 背景色:黑色; 宽度:200px; 高度:50px; 保证金:5px } 这意味着,块必须相

结果必须在第4页的黑色块,每个块必须是200像素宽。块之间的距离为10像素。这些块画在一条线上。在布局中考虑适应性,即相对屏幕分辨率块可以是单行3, 2或1。
Thx.

要做到这一点,您必须向child添加display:inline block,如果屏幕的大小足够宽,则块将位于一条线上,否则如果屏幕的大小缩小,则块将分成两行,依此类推。 关于jsfiddle

.主楼{ } .儿童街区{ 显示:内联块; 背景色:黑色; 宽度:200px; 高度:50px; 保证金:5px }
这意味着,块必须相对于屏幕,如果4个块不能适合屏幕,块必须在2行上。第一行3个,第二行1个,和etc@dev.nikolaz不如你尝试一下,在你遇到困难的地方贴一个好问题。这绝对不是一个家庭作业网站: