我怎样才能让我的按钮并排在行内？
要让按钮并排在行内，可以使用CSS的display属性和float属性来实现。
- 使用display属性：
- 将按钮元素的display属性设置为"inline"或"inline-block"，这样按钮就会以行内元素的形式显示，并排在同一行。
- 例如，可以在按钮的CSS样式中添加以下代码：
- 例如，可以在按钮的CSS样式中添加以下代码：
- 使用float属性：
- 将按钮元素的float属性设置为"left"或"right"，这样按钮就会浮动在左侧或右侧，并排在同一行。
- 例如，可以在按钮的CSS样式中添加以下代码：
- 例如，可以在按钮的CSS样式中添加以下代码：
需要注意的是，如果按钮的宽度超过了父容器的宽度，可能会导致按钮换行显示。可以通过调整按钮的宽度或父容器的宽度来解决这个问题。
推荐的腾讯云相关产品：无
希望以上信息对您有帮助！
相关·内容
1回答
我有一个div，里面有两个输入。一个文本框和一个按钮。我想将div设置为一定的宽度(比如30em)，并让文本框填充其中的80%，其余的20%填充按钮。输入应并排。div位于页面的中心。
<div class="container">
<input class="input" type="text" placeholder="Some text">
<input class="button" type="submit">
</div>
到目前为止
浏览 1提问于2017-05-10得票数 0
回答已采纳
1回答
网站网址：
嗨，我怎样才能防止上面链接中的按钮在手机上堆叠？我想让它们中间对齐，并排在同一行。
我试着在网上添加不同的CSS代码，但没有一个解决问题。我还尝试将HTML标记从div调整到其他选项，但没有任何运气。
浏览 3提问于2022-10-27得票数 0
2回答
我有一个按钮与数据图标=“家”和输入的类型搜索，必须并排放置。但它是在另一个下面显示的。我怎样才能把它并排显示呢？当在浏览器中看到时，它正在创建自己的div标记。可以并排显示吗？下面是我使用HTML5和jquery开发移动应用程序的代码。
浏览 3提问于2013-10-22得票数 0
回答已采纳
1回答
使报头位置绝对
、、
我喜欢导航器的默认回退按钮，但希望它绝对定位，所以后退按钮被覆盖在屏幕上，并与"Text 2“.Right并排，back按钮位于"Text 2”之上。我怎样才能做到这一点？
浏览 4提问于2022-10-25得票数 0
回答已采纳
我在内容占位符中放置了一个名为cpmainwrapper的下拉列表。然后我在它下面放置了一个detailsview视图控件，并希望使用float:left让它们并排渲染。失败后，我检查了浏览器上的代码，看到detailsview视图被放在自己的div中。怎样才能让它们并排显示呢？
浏览 2提问于2013-08-19得票数 0
1回答
例如，我使用铅笔工具在Paint.NET上创建了我的角色，现在它是一个像精灵一样的资产。
如果我想让他移动，我需要为他做很多不同的姿势并按照计时器呈现吗？或者，我是否需要在一个图像中将每个姿势并排放置，然后渲染我需要的矩形，从而只加载一次图片？
谢谢。
浏览 0提问于2010-10-06得票数 3
1回答
我有两个面板和一个嵌套在hbox中的按钮。我希望面板并排出现，按钮出现在两个面板下面，与hbox的两侧等距离(即在中心)。
把面板并排放在一起很容易，但如何让按钮位于两个面板的下方并居中呢？目前，该按钮显示在第二个面板的右侧。
浏览 0提问于2010-09-16得票数 0
回答已采纳
1回答
我有一个<p>标签和一个<a>标签，我希望它们垂直对齐，并排排列。为了让你了解我到目前为止的情况，这是我的代码：
HTML：
<p class="c2a-content">This is just a test. Hopefully it will line up properly!</p>
<a href="#" class="button">My Button</a>
CSS：
.c2a-content{
float:left;
text-align:le
浏览 3提问于2013-08-29得票数 1
回答已采纳
我想知道是否有任何一种软件可以让我的Ubuntu和Windows并排并排，并在它们之间进行即时切换。
比如说，我在Windows上，然后点击一个按钮，Windows就会被挂起，Ubuntu就会启动(反之亦然)。
这有可能/可用吗？
浏览 0提问于2014-01-21得票数 0
1回答
我正在使用telerik报表表生成报表。
我对数据不是并排设置的，它会保留一些空间，并从新页面开始数据打印，所接受的结果是报表中的数据将并排打印，在报表之间不允许有任何空白。
我怎样才能在telerik报告中做到这一点，
在这里我附上了那一期的截图
请让我知道，如果不在页面之间留出任何空间，我就无法找到以线性方式设置数据的任何方法。
谢谢！
浏览 2提问于2019-12-18得票数 0
1回答
我在XCode的UIViewController中有4个按钮。我已经给它们添加了代码，所以我更喜欢保留按钮。我想让按钮并排在视图中，屏幕上一次只有一个按钮，其他按钮的边缘在屏幕的边缘。在那里你几乎看不到他们。我想知道我如何才能做到这一点？如果你需要更多的信息，请让我知道？
浏览 12提问于2018-08-13得票数 0
在下面的页面中，页面底部的"PORTFOLIO ATTRIBUTES“选项卡中的并排内容在桌面浏览器上呈现得很好，但当您在移动浏览器上并排查看图表和表格时，它们最终会重叠，并且有一项被切断：
对于如何在移动设备大小的浏览器窗口中保持它们的并排和响应，有什么建议吗？页面顶部的图表和表格似乎呈现得很好，并且在移动浏览器上并排显示。谢谢。
代码如下：
<div id="attributes" class="tab-pane fade"><div style="width:65%;display:inline-block"&g
浏览 0提问于2015-09-21得票数 0
普通按钮不能设置小于109 px，RadioButtons不小于168 px。
这些限制只允许放置3个按钮或2个单选按钮水平并排。
有办法让按钮变小吗？
浏览 1提问于2014-06-17得票数 7
回答已采纳
我有两个并排的div。两者具有相同的大小和display: inline-block。两者之间唯一的区别是，第一个有一些文本，而第二个是空白的。
HTML：
<div>1</div>
<div></div>
CSS：
div {
display: inline-block;
border: 1px solid black;
width: 50px;
height: 50px;
}
第一个div比第二个div低。
我知道所有可能的修复，比如向第二个div添加一些文本或 。当然，添加vertical-
浏览 2提问于2013-06-20得票数 5
回答已采纳
我几乎什么都试过了，我试着让两个按钮均匀地并排：
<input type="button" value="This week's Schedule" onclick= 'window.location.href = dic[current_sunday]' />
<input type="button" value="Next week's Schedule" onclick= 'window.location.href = dic[next_sunday]' /
浏览 6提问于2013-12-24得票数 0
回答已采纳
我有一个带有几个按钮的表单，我可以根据需要隐藏和显示这些按钮。有没有一种简单的方法可以让可见的按钮并排居中(可以使用其中一个容器控件)？
浏览 0提问于2012-09-06得票数 0
回答已采纳
起亚·奥拉，我试着把两个按钮并排放在一起，它们之间有一个角度，如下面的图片所示，但我正在努力让两个按钮并排在一起，即使没有角度，我也不确定是否可能？
这是我当前使用和ion-grid的代码，但它们只是并排出现的两个按钮，而不是全长的，我想如果扩展属性设置为full，那么这应该是全长的？
<ion-grid>
<ion-row>
<ion-col col-6>
<ion-button expand="full" share="round" color="light">settings&l
浏览 1提问于2020-10-17得票数 1
2回答
并排添加按钮
、、、
我正在使用Tamper猴子在铬添加一个按钮到一个网页。单击时，脚本将分析页面，然后显示警报。这是代码，显示按钮：
function Main(){
GM_addStyle('.myButtonDiv {color: black; background-color: black}');
var div = document.createElement('div');
div.setAttribute('class', 'myButtonDiv');
div.innerHTML = '
浏览 1提问于2014-07-16得票数 0
回答已采纳
2回答
手风琴的建造方式是手风琴下面的一个手风琴，我想让它们并排。我有一个按钮可以立刻打开/关闭每个人。我试着在手风琴组上面加一个跨度，但没什么用。
<div id="top-panel" style="height:auto;border-bottom-style: outset;">
<accordion close-others="false">
<span ng-repeat="widget in _widgets">
<accordion-
浏览 0提问于2015-01-28得票数 0
回答已采纳
2回答
我要把4div放在一个100%宽的容器里并排放。
我看到了，它很有用。
但我的问题是，在使用这个解决方案时，div是相互依附的，但我需要在它们之间留出一点空间。
例如，像这样支持一个子div：
<div class="introwrapper"
style="width:25%;height:100%; float:left; margin-left:5px;">
</div>
实际上，我想让这4个div并排放置，在它们之间形成一个5像素的空间，对于剩余的空间，使它们的宽度相等，使所有这4个div的宽度之和和所有的3.5 5
浏览 0提问于2013-09-08得票数 0
回答已采纳
你是如何给ImageButtons添加空间的？
有了RelativeLayout，我可以让它们并排在一起，但我希望它们之间有一个间隙。如何将按钮放置在屏幕的中心和底部？
浏览 3提问于2010-08-03得票数 1
回答已采纳
1回答
编辑器模板对齐两个组件
、、、、
我有一个使用Telerik网格的网格编辑器模板，在一个网格单元中我有两个kendo组件。我怎样才能让他们对齐相邻，也就是并排。
我尝试了一些css，并将它们放置在div和对齐浮点中，但是它们呈现在不同的范围内，并且不确定如何使它们并排，有什么想法吗？
目前，搜索按钮在自动完成文本框下面。
@model object
@*@Html.Kendo().AutoComplete().Name("LocationSearch").Placeholder("Type in your search item . . ").Filter("startswith
浏览 2提问于2015-01-16得票数 0
回答已采纳
我正在尝试动态地向controlgroup添加两个按钮。controlgroup包含在header中。我希望这两个按钮并排在标题的右侧。
但是按钮是以vertical的方式添加的，而且按钮周围还有一个矩形框。我怎样才能以正确的方式做这件事？
链接：
$('div[data-role="controlgroup"]').append('<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" id="
浏览 0提问于2013-06-11得票数 0
回答已采纳
3回答
我想通知一个用户他已经达到了最小值。该值是通过单击按钮设置的。如果他继续点击一个按钮，当达到最小值时，Toast开始出现并排队，因此需要很长时间才能消失。
btn.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
if (value < MIN_VALUE) {
Toast.makeText(MyActivity.this, "You have reached the minimu
浏览 2提问于2011-07-12得票数 1
回答已采纳
我试图让单选按钮叠在一起，而不是并排显示。
我有几个表单标签定义为内联块，宽度为150，用于对齐输入框。
我知道如何在没有标签的情况下做到这一点，但当标签位于左边时，我就弄不明白了。
HTML:
<form action="here.php" method="POST">
<p>
<label for="bday">Birthday:</label>
<input type="date" name="bda
浏览 3提问于2014-11-25得票数 0
2回答
手指拖到你的臀部
、、
假设有五个按钮并排在一起，我需要知道如何让它们接受(调用)从每个按钮边框外部到内部的拖动
也就是说，就像钢琴一样，如果你拖拽手指，每按下一个按钮就会发出声音
谢谢
浏览 2提问于2010-09-30得票数 2
回答已采纳
所以，我正在尝试让一组4个购物购买按钮并排显示在Bootstrap网格系统上。问题是，它们不能并排在一起。下面是代码的样子：
<div id="produtos" class="offset">
<div class="container-fluid">
<div class="row py-1">
<div class="col-sm-4" id='product-component-xxx'></di
浏览 25提问于2020-05-13得票数 0
回答已采纳
考虑以下类层次结构:基类A、从A继承的类B和C以及从B继承的类D。
public class A {...}
public class B : A {...}
public class C : A {...}
public class D : B {...}
我可以使用以下代码来查找A的所有子类，包括D：
var baseType = typeof(A);
var assembly = typeof(A).Assembly;
var types = assembly.GetTypes().Where(t => t.IsSubclassOf(baseType));
但我只需要找到A
浏览 29提问于2013-04-16得票数 25
回答已采纳
1回答
我有一个方法来创建2个按钮。这些按钮与“确定”、“关闭”按钮不同。单击时，它们将执行不同的操作。我想要的2个按钮并排在我的基础合成顶部。它正在使用GridLayout。我希望能够将按钮并排放置。
下面是我要向其中添加方法的createDialogArea。
protected Control createDialogArea(Composite parent) {
final Composite area = new Composite(parent, SWT.NONE);
final GridLayout gridLayout = new GridLayout();
grid
浏览 1提问于2012-08-29得票数 2
回答已采纳
3回答
语言: PHP、HTML
嗨，我在制作一些代表房间的按钮时遇到了问题。每个按钮都标有一个房间号，我正在努力让这些按钮并排排列。
foreach($row1 as $row2)
{
echo "<form method='post' action='ss room details.php'>";
echo "<button>".$row2."</button>";
echo &#
浏览 0提问于2011-04-26得票数 0
我的表单中有两个按钮，我使用CSS表来布局表，我希望在最后一行中有按钮，但我希望它们并排。
我现在的代码看起来像
<button><%= link_to "Edit", edit_user_path(u.id), { :method =>get } %></button>
<button><%= link_to "Delete", user_path(u.id), { :method => delete, :class=>destroy, data: {confirm: 'Are y
浏览 1提问于2015-05-13得票数 1
回答已采纳
我对html和css非常陌生。我正在尝试建立我的第一个网站。我想要一张图片和导航栏在同一行上，图片在左边。我首先尝试使用一些预先编写的代码来创建下拉导航栏，但我无法将图像定位到它的左侧。我尝试了一些非常基本的代码，但我仍然不知道如何将div (我的图像)放在nav旁边。我不太清楚什么时候该使用position，什么时候该使用float。我的目标很简单。让div和nav并排坐在一起。下面是我用来测试的html：
<!DOCTYPE html>
<html>
<head>
<title>
Nav and div
<
浏览 1提问于2014-01-06得票数 0
回答已采纳
6回答
引导5排对齐按钮
、、、
我试图让我的网页上的按钮在页面中间并排排列，这是我尝试过的2个引导5类，它们不是我希望它们看起来的那样：
作为参考，有些问题将有多个按钮(最多10：)的答案，我也希望它们在一行中间隔相等，比如：
我不确定这是否改变了什么，但是在javascript中使用for循环添加了按钮。
任何建议都会很感激的，我一直都很执着于此
浏览 24提问于2021-12-05得票数 1
我在一个ipython notebook单元格中并排绘制了两个图。但是，我在改变标题的大小时遇到了麻烦。我可以通过添加参数fontsize = 20来更改标签的大小。如何更改df和df2的标题。
fig, axes = plt.subplots(ncols=2, figsize = (20,10))
df.plot('barh', title = 'Legal Collectible Answer Distribution', fontsize = 20, ax = axes[0])
df2.plot(kind = 'pie', autopct
浏览 2提问于2016-02-24得票数 12
回答已采纳
我正在创建一个具有呼叫功能的应用程序，我希望在右手边有电话图像，在左手边有联系人的名字。目前，这是通过并排放置两个按钮来实现的，因此，如果用户单击其中任何一个按钮，都会发生相同的功能(呼叫联系人)。
根据Apple HIG，这是允许的吗？请让我知道。
谢谢你，阿什文
浏览 1提问于2009-08-18得票数 1
回答已采纳
2回答
目前，我正在开发一个web应用程序，并试图弄清楚如何将两个引导按钮并排放在中间。它在移动设备上工作，但是当我试图检查页面并在移动设备上查看它时，它们位于不同的线和中心(一条在另一条上)。我怎样才能解决这个问题，这样在手机上，它们就会像在电脑上一样并排出现？以下是代码：
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4 col-lg-3 text-center"
浏览 0提问于2022-08-16得票数 0
回答已采纳
我使用float= left并排放置了两个div元素；但是按钮显示在div元素旁边。我想要按钮元素下面的两个div元素，这是并排放置。
浏览 2提问于2014-02-11得票数 0
我不明白为什么会发生这种情况:我有两个内联div元素(一个里面有一个提交按钮)，它们通常是并排的。然后，我想让第二个div不可见(display: none;)，然后实现slideToggle jQuery函数来显示/隐藏该按钮。
当第二个div最初可见时，它们是并排的，一切工作正常。但是，当它最初不可见时，在单击div以显示按钮时，它会显示在第一个div的下面。
JSFiddle：()
<div>
<div style="display:inline-block; width:500px; background:red;" onclick="
浏览 0提问于2013-01-04得票数 0
回答已采纳
6回答
将按钮并排放置
、、、
我怎样才能使按钮并排放置。我用gridBagLayout设计layout.The的问题是按钮放得太远了。我试图选择中心作为锚点，但这会使按钮重叠。如果我使用西方和东方，按钮放置的距离太远。
例如，保存-新模式代替保存NEW_PATTERN。
JButton bSave = new JButton("SAVE");
JButton bPattern = new JButton("NEW_PATTERN");
con = new GridBagConstraints();
con.anchor=GridBagConstraints.WEST;
con.gridy =
浏览 0提问于2009-10-08得票数 1
回答已采纳
怎样才能把地图和标题并排放？我不在乎标题是否下降到下面一个狭窄的屏幕，但否则，他们真的应该并排。我甚至会采纳其他的布局建议。
关于将div并排放置有很多问题和答案，在阅读和尝试了其中的许多之后，我仍然没有让它开始工作。这就是我到目前为止所拥有的。
CSS
.map_and_caption
{
width: 700px;
height: 200px;
margin: auto;
padding: 10px;
display: inline-block;
}
.map
{
width:470px;
overflow:hidden;
浏览 0提问于2015-03-31得票数 0
回答已采纳
2回答
在urwid中，按钮的默认外观非常实用，但在我看来并不是很漂亮。当几个按钮并排并排时，它也会令人恼火。
我如何实现一个按钮显示一个框架和居中文本，并改变它的颜色，当它得到焦点？
浏览 0提问于2018-09-10得票数 6
回答已采纳
5回答
为什么这些按钮不能居中并排显示？ 它们并排堆叠在一起，但一直向左堆叠。红色边框是一条2px的实线。按钮似乎就在红色边框线的正下方。按钮应该在边框中。 我可以让按钮居中，但它们会堆叠在一起，一个接一个。我要么把一个放在另一个的上面并居中 -或者- 并排一直到左边。 另一个音符，如果重要的话。这是在cshtml c#.net页面上，其中包含引导程序： @using (Html.BeginForm("frmUpdate", "Mdl", FormMethod.Post, new { @class = "form-horizontal", role =
浏览 41提问于2016-09-27得票数 0
回答已采纳
我正在使用引导，我知道如何使按钮并排出现，但有问题，以实现我想要的。
当按钮在100%宽的容器中并排时，一切都很好。但是，如果第二个按钮被移除，我希望第一个按钮能填充100%。
是否只有CSS方法？
浏览 4提问于2015-09-04得票数 2
回答已采纳
所以，我试着让分数能够打印一个百分比符号，就像我写分数的时候一样。
目的是把它打印出来:第一个例子是45%。
from turtle import *
grades = [45, 42, 13, 98, 82]
write(grades[0],'%')
当我运行这个代码时，年级和百分比标志都会被打印在另一个上面。我怎样才能得到分数和百分号，并排，没有两个重叠？
浏览 3提问于2014-03-22得票数 1
回答已采纳
1回答
我正在使用windows商店应用程序中的FlipView控件在不同的屏幕上导航。运行应用程序时，flipView的按钮是可见的，但在笔记本电脑(操作系统: windows 8或8.1)上运行一段时间后会自动隐藏，但在windows平板电脑(触摸屏)上不可见。如何让按钮在触摸屏上也可见
浏览 4提问于2013-12-23得票数 0
2回答
我有一个并排有2列的页面(都是由float: left定义的)。
我的问题是，当我将浏览器缩小时，右栏会被放在左栏的下方。
我怎样才能避免这种情况？无论屏幕大小如何，它们仍然是并排的。
谢谢
浏览 1提问于2010-08-26得票数 2
回答已采纳
2回答
我想让我的AssetImage和文本并排在一起。为了达到这个目的，我使用了一行，并将其显示如下：
Row(
children: [
Image.asset('assets/images/pfp.png',height: height*0.1,),
Column(children: [Text("we")],)
],
)
我希望以这样的方式显示图像：
浏览 8提问于2022-07-21得票数 0
1回答
我有两个div，如果窗口/分辨率允许，它们是并排的，如果不允许，则将一个堆叠在另一个之上。
我需要在两种情况下都以他们为中心。我已经设法让他们在一个或另一个情况下，但不是两个。
布局：
<div class="container">
<div class="center">
<div class="left">LEFT</div>
<div class="right">RIGHT</div>
</div>
<
浏览 1提问于2013-05-13得票数 1
回答已采纳
有没有人可以帮我创建一个自定义导航，可以同时显示两个按钮，不管屏幕大小如何，我使用了下面的css代码：
display: inline-block;
width: 50%;
padding: 10px;
但每次我使用这个按钮时，其他的按钮似乎都转到了一个新的位置。
我想让它看起来像
无论屏幕尺寸是多少。2个按钮并排，每个按钮将占据半个屏幕。
浏览 0提问于2020-06-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
