Html 按钮组超出了块边界。如何做对?

Html 按钮组超出了块边界。如何做对?,html,css,button,bootstrap-modal,responsive,Html,Css,Button,Bootstrap Modal,Responsive,按钮组超出了块边界。如何做对?并作出回应 .btn组按钮{ 填充:10px 24px; 光标:指针; 浮动:左;} 您所说的“使其响应”到底是什么意思?我已将您发布的代码转换为一个交互式代码片段,在我看来很好。适用于移动设备。但无论如何,我希望所有的按钮都在一行。现在看起来不错。但是按钮很大。如果我将img{width:100%;}设为组按钮,它会使组按钮非常小。如果我想更改大小按钮-它不起作用。不要使用float:left,使用.btn组{display:flex;}浮动通常应该避免,除了

按钮组超出了块边界。如何做对?并作出回应

.btn组按钮{
填充:10px 24px;
光标:指针;
浮动:左;}


您所说的“使其响应”到底是什么意思?我已将您发布的代码转换为一个交互式代码片段,在我看来很好。适用于移动设备。但无论如何,我希望所有的按钮都在一行。现在看起来不错。但是按钮很大。如果我将img{width:100%;}设为组按钮,它会使组按钮非常小。如果我想更改大小按钮-它不起作用。不要使用
float:left
,使用
.btn组{display:flex;}
<代码>浮动通常应该避免,除了文本包装的情况。我试着理解我的错误。希望btn组具有大小容器。而对于反应灵敏的按钮,则始终与它们一起移动。我认为我的问题存在于HTML中。