html - 在同一行显示按钮

Question

我有一个 web 应用程序，其中我在表中有这两个提交按钮

   <input type="submit" value="Modifier" name="btn" style="display:inline" />
 <input type="submit" value="Exporter" name="btn" style="margin-left:10px ; display:inline" />

我希望它显示在同一行，但我得到的结果是:

为什么会这样？我怎样才能修复我的代码以在同一行中显示按钮？

Answer 1

我个人会远离这种 css 方法，只是我的偏好，这意味着每个提交按钮都完全相同，但是如果您不希望每个提交按钮都采用这种样式怎么办。但是话又说回来，这种方法比在 HTML 文件中做 css 要好得多

input[type=submit]{


}

你最好给提交按钮一个名为 submit 的类，然后你可以选择你想要为哪些提交做样式

<input type="submit" class="submit">

.submit{
float: left;
etc. 
}

主要问题是您的表格列宽可能会为它们提供一个类，并在外部 css 文件中为它们提供满足您需求的宽度和/或高度。