Bootstrap 4,如何将按钮居中对齐? |
您所在的位置:网站首页 › 按钮如何居中对齐 › Bootstrap 4,如何将按钮居中对齐? |
在Bootstrap 4中,应该使用text-center该类来对齐inline-blocks。 注意:text-align:center;无论您使用的Bootstrap版本如何,在应用于父元素的自定义类中定义的方法都将起作用。而这恰恰是.text-center适用的。 Centered button 展开摘要如果要居中的内容是block或flex(不是inline-),则可以使用flexbox使其居中: Centered button 展开摘要...适用display: flex; justify-content: center于父母。 注意:请勿使用.row.justify-content-center代替.d-flex.justify-content-center,因为.row在某些响应间隔上应用负边距会导致意外的水平滚动条(除非.row是的直接子项.container,否则它会在正确的响应间隔上应用横向填充来抵消负边距)。如果.row出于某种原因必须使用,请使用覆盖其边距和填充.m-0.p-0,在这种情况下,您将获得与几乎相同的样式.d-flex。 重要说明:当居中的内容(按钮)超过父对象的宽度(.d-flex)时,第二种解决方案会出现问题,尤其是当父对象具有视口宽度时,特别是因为它不可能水平滚动到内容的开头(左键-最)。 因此,当要居中的内容可能变得比可用父级宽度宽并且所有内容都应可访问时,请不要使用它。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |