display: block
对 button 无效。
都知道,块级元素可以自动占满当前行,但对 button
元素设置 display: block
属性并没有作用。
设置 width: 100%
?
设置宽度 100%
确实可以让按钮占满一行
但有个问题,如果这个 button
需要和两边有点距离怎么办呢, 设置margin
?
这样会导致 button
超出容器,因为 button 的宽度就等于当前容器的宽度。
那该怎么办呢
可以在 button 外再包一层 div
,通过设置 div 的 padding (margin也行)达到效果。