Html 将三个表单按钮放在一行上

我有3个垂直显示的按钮，我希望它们水平显示

            <form method="twitch" action= "https://www.twitch.tv/">
              <button type="submit"><img src="img/twitch.png" alt="Twitch"></button>
            </form>
             <form method="Instagram" action="https://www.instagram.com/">
              <button type="submit"><img src="img/instagram.png" alt="Instagram" > </button>
            </form>
            <form method="linkedin" action="https://www.linkedin.com/">
              <button type="submit"><img src="img/linkedin.png" alt="Linkedin" ></button>
            </form>

将它们包装在父

div

中，并在CSS中将

div

设置为

display:flex
将它们包装在父
div
中，在CSS中将
div
设置为
display:flex
您可以将每个
表单
和
按钮
放在个人
中，将这些
包装在父级
中，然后使用
flex
：


.container{
显示器：flex；
}
.第一，.第二，.第三{
显示器：flex；
}
您可以将每个
表单
和
按钮
放在单个
中，将这些
包装在父
中，然后使用
flex
：


.container{
显示器：flex；
}
.第一，.第二，.第三{
显示器：flex；
}
在css中，添加到它们中的每一个
float:left
添加到它们中的每一个
float:left
使用显示：内联块；
大多数人使用flex，但它并不好，因为一些旧浏览器不理解flex。！
但是所有浏览器都支持内联块
使用display:inline块；
大多数人使用flex，但它并不好，因为一些旧浏览器不理解flex。！
但是所有浏览器都支持内联块
这能回答您的问题吗？这回答了你的问题吗？这将是一个很好的解决方案。。。10年前是什么让它不好？它慢吗？float:left可能工作得很好，但在这种情况下，使用display:flex是更好的做法，因为它提供了相同的结果，并允许您使用CSS Flexbox中更多与父级相关的属性，这将是一个很好的解决方案。。。10年前是什么让它不好？它慢吗？float:left可能工作得很好，但在这种情况下，使用display:flex是更好的做法，因为它给出了相同的结果，并允许您使用CSS FlexboxFalse中更多与父级相关的属性。Chrome、FireFox和IE旧版本无法运行它，这是完全正确的。！您是否确保支持这些浏览器？；）都德你的网站应该支持每一个浏览器…：）这意味着你是一个专业的ui设计师，因为每个人都可以使用flex，但只有你可以做一些特殊的事情：）当然，即使是IE的最新版本也是部分受支持的。很多用户仍然使用IE所以？错。Chrome、FireFox和IE旧版本无法运行它，这是完全正确的。！您是否确保支持这些浏览器？；）都德你的网站应该支持每一个浏览器…：）这意味着你是一个专业的ui设计师，因为每个人都可以使用flex，但只有你可以做一些特殊的事情：）当然，即使是IE的最新版本也是部分受支持的。很多用户仍然使用IE所以？