Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Html 如何在一行中有两个按钮_Html_Css - Fatal编程技术网

Html 如何在一行中有两个按钮

Html 如何在一行中有两个按钮,html,css,Html,Css,我有一个对话框,我想有两个按钮并排。一个按钮将是“完成”按钮,另一个将是“关闭”按钮 html: 我已经有一个“完成”按钮。我想在“完成”按钮旁边有另一个名为close buton的按钮。我怎么能把两个按钮排成一行呢。我试过了,但一个按钮在另一个按钮上 a.embeddedBrosweWindowDoneButton:hover { background-color: #6D7B8D; } 因为它有一个显示:block,您可以指定它的宽度,然后将其向左或向右浮动,具体取决于您希望

我有一个对话框,我想有两个按钮并排。一个按钮将是“完成”按钮,另一个将是“关闭”按钮

html:

我已经有一个“完成”按钮。我想在“完成”按钮旁边有另一个名为close buton的按钮。我怎么能把两个按钮排成一行呢。我试过了,但一个按钮在另一个按钮上

   a.embeddedBrosweWindowDoneButton:hover {
  background-color: #6D7B8D;
  }

因为它有一个
显示:block,您可以指定它的
宽度
,然后将其向左或向右浮动,具体取决于您希望布局的方式。一个浮动后,另一个将缠绕到它的另一侧


这里有一篇关于浮动的好文章:

因为它有一个
显示:块,您可以指定它的
宽度
,然后将其向左或向右浮动,具体取决于您希望布局的方式。一个浮动后,另一个将缠绕到它的另一侧


这里有一篇关于浮动的好文章:

您将
显示设置为块。它需要设置为
内联块


如果将其设置为block,元素将驻留在其父容器中自己的行上。使用
内联块
使它们位于同一行。

您已将
显示
设置为块。它需要设置为
内联块


如果将其设置为block,元素将驻留在其父容器中自己的行上。使用
内联块
使它们位于同一行。

将每个按钮放在一个div中,并将float属性设置为left

.buttondiv {
    float: left;
}

将每个按钮放在一个div中,并将float属性设置为left

.buttondiv {
    float: left;
}
此CSS样式:

display: block;
使按钮设置在不同的行上。如果应用
float:right在两者上,您可以将它们放在一起。请注意,您a)可能希望添加aclearfix和b)反转元素的顺序(在第二个按钮之前添加完成),因为
float:right
可能会意外地移动它们

Clearfix:

<div style="display: block; clear: both; height: 1px;"></div>

将上面的元素添加到包裹按钮的元素的“底部”,这样按钮就不会从其位置“挣脱”并漂浮在框外。

此CSS样式:

display: block;
使按钮设置在不同的行上。如果应用
float:right在两者上,您可以将它们放在一起。请注意,您a)可能希望添加aclearfix和b)反转元素的顺序(在第二个按钮之前添加完成),因为
float:right
可能会意外地移动它们

Clearfix:

<div style="display: block; clear: both; height: 1px;"></div>


将上面的元素添加到包裹按钮的元素的“底部”,这样按钮就不会从其位置“挣脱”并漂浮在框外。

使用
nobr
可以帮助您解决此问题


使用
nobr
可以帮助您解决此问题



你不能把每个按钮都放在自己的
中,然后用CSS将
放在适当的位置(即并排)?如何将div并排放置..对每个
div
使用
id
,然后用CSS将
div
放在你想要的地方,通过适当地调用每个
id
。你不能将每个按钮放在自己的
中,然后使用CSS将
放置在适当的位置(即并排)?如何将div并排放置。对每个
div
使用
id
,然后使用CSS将
div
放置在你想要的位置,通过适当地调用每个
id