css的块布局和行 |弹出窗口背景透明 css

/* 块布局实现 */
div {
display: block;
width: 100px;
height: 100px;
border: 1px solid black;
margin: 10px;
padding: 10px;
}
/* 行实现 */
span {
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid red;
margin: 10px;
padding: 10px;
}

从代码中可以看出，块布局是通过div元素实现的，通过设置display: block属性可以使div元素以块状布局排列。行的实现则是通过span元素实现的，设置display: inline-block属性可以让span元素以行形式排列。

在实际的网页设计中，块布局一般用来布局不同的模块，如导航栏、页面主体等。行则常常用来布局文本、按钮等小的元素。通过灵活使用块布局和行，可以让网页看起来更加美观、整洁。