Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导按钮赢得';显示内联块_Css_Reactjs_React Bootstrap - Fatal编程技术网

Css 引导按钮赢得';显示内联块

Css 引导按钮赢得';显示内联块,css,reactjs,react-bootstrap,Css,Reactjs,React Bootstrap,我是CSS的初学者,不知道如何水平对齐引导下拉按钮。以下是我的项目的代码片段: 这样做的目的是使它们在页面顶部水平对齐,它们之间和边框之间的空间相等,因此它们可以展开。您只需更改显示模式: .buttonContainer { background-color: white; padding: 20px; text-align: center; width: 100%; display: flex; justify-content: space-evenly; } 这

我是CSS的初学者,不知道如何水平对齐引导下拉按钮。以下是我的项目的代码片段:


这样做的目的是使它们在页面顶部水平对齐,它们之间和边框之间的空间相等,因此它们可以展开。

您只需更改显示模式:

.buttonContainer {
  background-color: white;
  padding: 20px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

这可以帮助您