如何在html中将中间的两个按钮与某个页边距对齐
在HTML中将中间的两个按钮与某个页边距对齐，可以通过以下步骤实现：
- 使用HTML的标记语言结构创建按钮。可以使用
<button>标签或<input>标签来创建按钮。 - 使用CSS样式来设置按钮的样式和布局。可以使用
margin属性来设置按钮与页面边距的距离。 - 将按钮放置在适当的容器中，例如使用
<div>标签来包裹按钮。 - 使用CSS的布局技术来对齐按钮。常用的布局技术包括
float浮动、flexbox弹性盒子、grid网格布局等。
以下是一个示例代码，演示如何在HTML中将中间的两个按钮与某个页边距对齐：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
text-align: center;
margin: 20px; /* 设置页面边距 */
}
.button {
margin: 0 10px; /* 设置按钮之间的间距 */
}
</style>
</head>
<body>
<div class="container">
<button class="button">按钮1</button>
<button class="button">按钮2</button>
</div>
</body>
</html>在上述示例中，.container类设置了文本居中和页面边距，.button类设置了按钮之间的间距。你可以根据需要调整边距和样式来达到你想要的效果。
腾讯云相关产品：腾讯云提供了云服务和解决方案，可以在云计算中使用。以下是一些腾讯云相关产品：
- 腾讯云服务器（CVM）：提供虚拟云服务器，支持各种操作系统和应用场景。
- 腾讯云云数据库（TencentDB）：提供多种类型的云数据库服务，如云数据库MySQL、云数据库MongoDB等。
- 腾讯云对象存储（COS）：提供高可靠、可扩展的云存储服务，适用于图片、视频、文档等文件的存储和管理。
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，支持设备接入、数据管理和应用开发等。
- 腾讯云区块链（BCG）：提供企业级的区块链服务，适用于金融、供应链、物联网等行业场景。
请注意，以上产品仅为示例，更多腾讯云相关产品和详细信息，请参考腾讯云官方网站。
相关·内容
4回答
我正在尝试在HTML中对齐屏幕中间的两个按钮。当我尝试使用text-align: center;时，它不工作。下面是我的按钮代码。font-size: 16px; }
<form action="aboutus.htmlclass="butto
浏览 51提问于2017-05-14得票数 2
回答已采纳
5回答
FireMonkey控件看起来不像VCL控件那样具有锚属性。如何使FireMonkey控件在窗体调整大小时自动调整？
浏览 6提问于2011-09-16得票数 3
回答已采纳
在我的布局中有三个按钮，并且想要设置按钮背景的PNG图像，但是，这些按钮彼此之间有一点重叠。我想知道如何在我的布局中排列按钮。在这种情况下，哪种布局更适合我。你可以看到下面的布局图像，我想要开发。请在这方面帮助我，我们将非常感谢您的帮助。
浏览 4提问于2013-03-21得票数 0
回答已采纳
在我的应用程序中，允许用户为打印定义自己的页眉和页边距。对于标头，用户可以提供以下两个字段：
例如，如果用户提供(a)为10毫米，(b)为100现在，标题中的内容需要在标题区域的顶部对齐</
浏览 7提问于2013-03-08得票数 14
回答已采纳
2回答
在HTML中，我有两个元素，一个带有文本，另一个包含几个按钮。我不想在中间接触，我想让它们与左边和右边的边距对齐。因此，我希望我的文本对齐左边距，我的按钮对齐右边距，，而不失去它们的垂直对齐像一样。
我也恰巧使用了Bootstrap 3。当我使用pull-left
浏览 0提问于2017-05-02得票数 0
5回答
刚开始测试FireMonkey，找不到一种动态调整大小/定位组件的方法。有没有人看到我漏掉了什么简单的锚定在FM中不可用。你必须创建TLayouts并对齐它们，然后把控件放在面板里让它们“粘”起来。如果您使用的是旧版本的Builder或Delphi，这将与我们过去使用TPanels时所做的相同。
浏览 0提问于2011-09-02得票数 7
回答已采纳
我对一个正确的NavigationBarButton的边距有一个问题。
浏览 5提问于2019-11-20得票数 2
6回答
我试图垂直对齐一个输入复选框的按钮在它的右边。下面是我得到的一个例子：如您所见，左边的2复选框不对齐(与按钮相比有点过高)，其按钮位于右侧(第一个输入是"Player Computer“，第二个是"Player1 Player2")。使用检查器，我尝试修改这些复选框/按钮的父div上的填充和<e
浏览 5提问于2017-12-16得票数 0
回答已采纳
2回答
如何在引导12网格系统中将文本区域和按钮对齐？此外，我的按钮底部有一个恼人的几英寸上升。我试过：
.center-div-content
浏览 1提问于2019-01-21得票数 0
回答已采纳
4回答
我有一个div，它位于网页的顶部，但是div的意思是水平地以b为中心。，你知道我怎么能让div水平地坐着吗？如果我在div中添加“align=”中间“，那么它就以它为中心，但我正在寻找一种纯粹的CSS方式来使其中心化：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/&#x
浏览 3提问于2011-10-28得票数 4
回答已采纳
我正在尝试使用CSS在HTML段落的页边空白处编写一个短标签，其方式与HTML列表项的标签方式类似。我认为我应该这样做的方式是使标签成为一个绝对定位的内联块，它在页边距内移动(参见下面的HTML+CSS代码)。这和我预期的一样，只是我找不到一种方法将标签文本的基线与相应段落的第一行对齐
浏览 15提问于2021-09-02得票数 1
下面代码中的<h3>强制使用垂直滚动条，这反过来会导致页面顶部出现空白(红色；即body)。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
&
浏览 1提问于2011-06-15得票数 1
回答已采纳
我试图对齐一个图像和一个按钮的右边，在两个单独的线，作为一个联合单位。我创建了一个包装器div ("right-stuff")，它的位置:相对，所以我可以使用位置:绝对在它的子节点，按钮。问题是，我不知道如何在不影响高度计算的情况下，将按钮对齐到右边。另一个问题是，流中“右”之后的下一个项将需要一个边距顶才能
浏览 3提问于2012-02-21得票数 0
回答已采纳
我需要将一个图像和一个标题垂直对齐到中间。两者都需要绝对的左边距。
在过去的3个小时里，我试图达到这两个要求，但我只得到了适当的对象对齐或适当的边距。如何使图像和标题与绝对页边距垂直对齐？这就是我的想法，但似乎我只能对img使用浮动或垂直对齐。compatible_chrom
浏览 0提问于2014-05-29得票数 0
我想把一些桌子放在中间对齐，在一个div中间的顶部，彼此挨着对齐。在这些表下面，我想让垂直按钮的列表保持对齐。我尝试过许多不同的技术，但似乎都没有用。有人能帮忙吗？当前的Fiddle示例：
.TSS { font-size: 10.6px; border: 2px solid
浏览 5提问于2016-04-22得票数 1
回答已采纳
我有两个硬币。一个是围绕一个h4，另一个是在一个p。我希望p位于中间，所以它的设置为边距-左:自动；和边距-右:自动；我不希望h4也在中间，我希望它被设置成与div的左边成直线。the page---下面是一个我希望它成为什么样的小例子如果我手动设置<e
浏览 4提问于2016-05-15得票数 0
回答已采纳
我正在建立一个网站，从一个形象给我练习(它来自他的雇主作为一个测试)。我知道他主要是在整个网站上使用flexbox，所以我试着坚持它(根本没有学到网格)。在网站的顶部是一种“标题”，包括一些按钮链接，一个标志，和一个搜索栏在中间。搜索栏垂直地位于整个标题的一半处。
我试图在不使用页边距攻击的情况下做到这一点，但典型的对齐或合理命令似乎都不起作用。包含高度属性，还尝试了各种命令，如:
浏览 0提问于2019-08-25得票数 0
3回答
我想知道，如何在按钮中插入图像和文本，并将其居中，例如，在它们之间添加20 it的页边距。请看这张截图：
android:drawableLeft="@drawable/krew"
android:drawablePad
浏览 0提问于2014-08-14得票数 0
回答已采纳
3回答
我有多张100x100的图像。我要求用户通过在每个单选按钮前面放置一个单选按钮来选择它们中的一个。但问题是单选按钮渲染在行的底部，我想让它出现在图像的垂直中间。我尝试过style="vertical-align:middle"，但它不起作用。
有什么想法吗？
浏览 8提问于2009-12-02得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
