无法将按钮与水平窗体对齐(不是内联)(引导)
在前端开发中，如果想要将按钮与水平窗体对齐，可以采用以下方法：
- 使用CSS布局技术：可以通过设置按钮和窗体的父元素为flex布局，然后使用justify-content属性来控制按钮的水平对齐方式。例如，设置父元素的样式为display: flex; justify-content: center;，可以将按钮水平居中对齐。
- 使用CSS定位技术：可以通过设置按钮和窗体的position属性为absolute或fixed，并使用left和top属性来控制按钮的位置。例如，设置按钮的样式为position: absolute; left: 50%; transform: translateX(-50%);，可以将按钮水平居中对齐。
- 使用表格布局：可以将按钮和窗体放置在一个表格中，并设置表格的布局属性为table-layout: fixed;，然后使用水平居中的方式将按钮放置在表格中。例如，使用HTML的table标签将按钮和窗体放置在一个表格中，并设置表格的样式为margin: 0 auto;可以将按钮水平居中对齐。
- 使用CSS网格布局：可以使用CSS的网格布局来实现按钮与水平窗体的对齐。通过将按钮和窗体放置在网格容器中，并设置网格项的对齐方式为水平居中，可以实现按钮的水平对齐。例如，使用CSS的grid布局将按钮和窗体放置在一个网格容器中，并设置网格项的样式为justify-self: center;可以将按钮水平居中对齐。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求弹性调整配置。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各类应用场景。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和处理各类非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
在下面的代码中，我有2个按钮和3个标记为inputs的按钮。我希望按钮与输入对齐，但它们与标签对齐。我试过内联表单，但是标签放在边上是不行的。在不过多破坏引导的情况下完成这一任务的最佳选择是什么？
浏览 0提问于2017-06-13得票数 4
回答已采纳
我编写了这个简单的引导代码(可用的)作为练习。
我观察到的是，当我在240 on宽显示器上查看输出时，navbar的元素垂直叠加。如何阻止navbar元素垂直堆叠，并在显示宽度减小时保持其水平对齐。如果我从select中删除navbar元素，那么navbar极右的“切换条”按钮将与极左的"navbar品牌“保持水平对齐。但如果将select元素添加到"navbar品牌“旁边，则"navbar品牌”、“select元素”和“切换条按钮
浏览 1提问于2016-07-01得票数 0
回答已采纳
2回答
我使用的引导2.3，我试图水平对齐一个选择控制与引导按钮之后的第二个。</button></div>.selectize-control { display: inline-block; margin-top: -60px; }
浏览 5提问于2015-08-10得票数 3
回答已采纳
3回答
我想有一个标志+切换按钮内联在标题。text-rightfloat-right
期望的结果(中间垂直对齐，右边水平排列)：
浏览 8提问于2021-10-27得票数 0
回答已采纳
2回答
我有一个带有引导类col x的表单，用于构建两个内联输入和一个过滤器按钮。
我不能将按钮与任何连接到窗体组/窗体控件引导程序类的类对齐。但是找不到在底部对齐的方法。
浏览 7提问于2016-09-24得票数 0
我有搜索输入框，我想要的样式与引导与引导窗体控件的外观。问题是，我还希望搜索按钮与搜索框在同一行上。我认为这可以通过内联表单来完成，但是当我将类表单控件添加到搜索框时，搜索按钮被推到下一行： <div class="form-inline"type="button" value=
浏览 0提问于2014-04-02得票数 8
回答已采纳
3回答
使用引导4，我希望水平地将一个元素(如<select> )放在col中，在给定的断点上，在下面的断点()。使用内置的引导程序4实用程序，而不是自定义CSS，这是可能的吗？例如，将<select>中心设为xs和sm断点，但返回到md、lg和xl处的正常左对齐。(给编辑的注释：我搜索了流行的答案，所有这些答案都是水平
浏览 9提问于2019-09-18得票数 2
回答已采纳
我正在使用引导3.3.7，我有一个简单的组合与标签，我希望保持对齐和同一行。下面是一个活生生的例子：
将. form -内联添加到窗体(不一定是a)中，用于左对齐和内联块控件。这仅适用于视图中至少768 to宽的窗体。因此，我如何解决这个问题，我只想保持<p>与"Ver“文本旁边的<select>组合，即使在较小的设备.
浏览 0提问于2019-06-23得票数 0
回答已采纳
2回答
中心对齐按钮与引导
、、、
我被困在对齐一些按钮的在线和所有的中心与引导。@Html.ActionLink( "REGISTER", "LoginRegister", "Account", new { LoginTabActiveLoginTabActive=False&RegisterTab
浏览 4提问于2015-04-03得票数 0
回答已采纳
我目前正在用几个选择来制作一个水平的表单，但是我不能让按钮与下拉列表而不是文本保持一致。btn btn-primary"></button> </div></form>我已经尝试使用一个空的“单元格”来迫使网格控件向下移动按钮，问题是它太低了，我还没有找到一种方法使它完全对齐。
浏览 3提问于2021-03-08得票数 2
回答已采纳
1回答
我正在尝试对齐同步js小部件，一个下拉列表，用标签显示内联。我用的是引导3。它似乎是一个同步小部件的问题。
浏览 8提问于2017-10-18得票数 0
回答已采纳
1回答
我一直在读一些文章，这些文章已经过时了，而且使用内联块解决了一些问题，比如必须使用clearfix等等。这些文章通过展示同样的例子来证明内联块是正确的:三个中间对齐的方块。-- list-items --> </div> 为了使徽标向左对齐和向右调整导航栏按钮，我不得不使用文本对齐对齐和一些特殊标记}
.navbar-
浏览 2提问于2015-06-13得票数 0
回答已采纳
我在我的表单上使用了一个表单内嵌类，它在桌面上看起来很棒。但是当我到达XS宽度时，所有的东西都互相叠加在一起，但这是不必要的。我只需要每个表单组来堆栈，而不需要每个表单内部的输入。
我的HTML： <div class="form-group">
<label for="exampleInputName2">Passengers</label><br
浏览 1提问于2015-08-17得票数 0
回答已采纳
1回答
这里我有一个博客帖子模板，我想使文本流周围的图像正确地对齐。下面是我的代码的运行方式(在本例中，我已经减少了许多不必要的代码，我将使用内联样式来简化)： <div> <hr/>
但是，如果<p>文本的行数不能使整个文本高于嵌入的图像，图像将通过与水平线“冲突”来打破布局(不会发生正常
浏览 4提问于2022-07-03得票数 1
回答已采纳
2回答
据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。如果我应用文本对齐:居中于内联元素(如图像)，什么也不会发生，因为图像没有作为元素一部分的周围空间。我有这段代码，我不知道为什么它的行为是这样的。图像不是应该在自己的空间内对齐吗?既然没有，它就不应该工作吗？我认为在div中使用文本对齐:center就像为每个包含的元素键入属性一样，所以它只是一种更快的方法。但是如果我从标题中删除文本对齐
浏览 1提问于2022-09-21得票数 -1
YYY仍然在它的位置上，XXX与YYY的顶端是一致的，尽管它自己的价值仍然是‘中间’。
我将YYY垂直对齐属性设置为“底部”。我一直认为，当一条线中有几个内联元素时，它们形成了一行内联框，所有这些垂直对齐值都是相对于该框应用的，也就是说，内联框是由v垂直定位的--这是一个属性，它不是在父元素内部，而是在父进程内的内联框中，即在其兄弟姐妹的行内因此，如果我将XXX属性设置为‘中间’，将YYY设置为
浏览 4提问于2012-07-13得票数 2
3回答
我增加了一个！重要的，以确保我的css规则第一，但我的输入行为仍然像它显示在块；。 display: inline!important; <input type="text" placeholder="Name" class="form-control" style='display:inline;'/>
from USA. And I'm <input type="text" placeholder
浏览 3提问于2014-05-11得票数 2
回答已采纳
我有问题，正确调整按钮在我的剃须刀标记。btn-default" type="button" id="buttonId"> </button></div>
该按钮与<label>元素对齐，我真的希望它与<input>对齐。
浏览 3提问于2015-06-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
