直接设置 display: block 可将内联元素（如、、等）变为块级元素，使其独占一行、支持宽高和完整 margin/padding；但需根据布局需求选择 inline、inline-block、flex 或 grid 等更优方案。
直接给元素设置 display: block 就能让它变成块级元素，这是最常用、最直接的方式。
哪些元素需要设为 block？
默认是内联（inline）或行内块（inline-block）的元素，比如 、、 在 CSS 中选中目标元素，声明 display 属性即可： span { 立即学习“前端免费学习笔记（深入）”； 这样所有 就会变成块级元素。也可以用类名更精准控制： .btn-primary { 如果只是想让元素独占一行但保留水平排列能力，或者要居中、等分布局，display: block 可能不是最优解。例如：、、 等，它们不自动换行、不能设宽高、margin/padding 的上下值常无效。想让它们像
怎么写 display: block？
display: block;
}
display: block;
width: 200px;
margin: 10px auto;
}注意 display 的其他常用值
替代方案：什么时候不用 block？
