Html 在样式属性中定义了“显示：块”时，如何将元素放置在直线上

所有三个按钮都排在同一行

---

我不能删除这个。还有可能使按钮保持直线吗？

因为这是您需要使用的内联样式！重要提示，以驳回该请求。 我使用了ID选择器，因此其他标记不会受到此影响

通过

但是，使用！“重要”被认为是一种不好的做法

原因:

这个！附加到CSS属性值的重要值是自动 赢它甚至会覆盖标记中的内联样式。唯一的办法是 !重要值可以被另一个值覆盖！重要规则 稍后在CSS中声明，具有相同或很大的特殊性值 否则

input#editBtn{
显示：内联块！重要；
}

---

您需要覆盖内联样式。为此，请使用以下CSS：

id="editBtn" style="display: block;"

这里有一个

var searchApprovalStatus=someElement；
如果（searchApprovalStatus！=“0”）{
var elemt=document.getElementById（“editBtn”）；
elemt.style.display=“无”；
}

input.btn[style]，
input.btn_big[样式]{
显示：内联块！重要；
}

谢谢Choz:

style=“display:inline block；”“

对我来说效果很好

---

再次感谢

试试这个：

.btn_big.btn{float:left；}

试试这个试试

id=“editBtn”style=“display:inline block；”

choz是对的，你可以使用

显示：inline block

，或者

float:left

。但是我建议你使用内联块，在对齐时使用float有点棘手。。修正你的代码。。因为你的答案被接受意味着可以这样做……你能解释一下@Phil吗？您的css代码影响了整个文档。。通常会看到新用户复制并粘贴代码。。这应该避免…啊，我添加了一个更具体的选择器，这样它不会影响其他元素。谢谢。祝你过得愉快

id="editBtn" style="display: block;"

input.btn[style],
input.btn_big[style] {
  display: inline-block !important;
}