使按钮居中而不填充
要使按钮居中而不填充，可以使用CSS的flexbox布局或者居中对齐的技巧。
- 使用flexbox布局：
在按钮的父容器上应用flexbox布局，并设置
justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码： - 使用flexbox布局：
在按钮的父容器上应用flexbox布局，并设置
justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码： - 使用flexbox布局：
在按钮的父容器上应用flexbox布局，并设置
justify-content: center和align-items: center属性，即可使按钮在水平和垂直方向上居中对齐。 示例代码： - 使用居中对齐的技巧：
设置按钮的
display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码： - 使用居中对齐的技巧：
设置按钮的
display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码： - 使用居中对齐的技巧：
设置按钮的
display属性为inline-block，然后将按钮的父容器的text-align属性设置为center，即可使按钮在水平方向上居中对齐。 示例代码：
以上两种方法都可以实现按钮居中而不填充的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
2回答
使按钮居中而不填充
android、button、layout
我目前正在尝试得到一个线性布局的开始屏幕，有3个按钮，每个按钮之间有相等的空间，并且都在屏幕上居中。:layout_height="wrap_content"android:text="@string/help" />
然而，一旦我给按钮增加了权重，垂直部分就会伸展以填充多余的空间，而不是像我预期的那样将按钮居中
浏览 2提问于2017-03-16得票数 0
回答已采纳
2回答
UILabel使用AutoLayout实现中心位置和右侧按钮的自动高度
ios、xcode、autolayout
我想要一个UILabel，有一个按钮在它的右边，水平居中，就像图片一样。我已经为标签和按钮之间的UILabel和标准空间实现了一个“按水平中心对齐”，它通常工作得很好。当UILabel的文本很长且超出界限，按钮甚至不可见时，就会出现问题。因此，问题是如何使UILabel：
水平居中
浏览 2提问于2016-02-23得票数 0
回答已采纳
为什么我不能垂直居中文本块？我根本不能改变垂直对齐方式。无论我在属性上设置了什么值，文本块都保持在顶部。我要他们居中！我可以更改水平对齐，没问题。
下面包括XAML文件的内容，包括样式。
浏览 0提问于2009-10-08得票数 0
回答已采纳
1回答
如何在AngularJS材质中增加单选按钮选择的大小？
javascript、html、css、angularjs、angularjs-material
我想让它这样做，无论您在红色区域内的什么地方单击，您都将选中该单选按钮。我已经设法使用CSS样式填充使该区域可选： "padding": "20px",HTML如下所示：但这会产生另一个问题，我希望单选按钮的圆圈在该区域内居中，就像一样。有没有一种方法可以
浏览 1提问于2020-03-17得票数 0
3回答
删除组件后使方框布局居中
java、swing、layout、layout-manager、boxlayout
有时，第一个按钮会被故意从JPanel中删除。最初，按钮居中正确，并且按钮也成功移除。问题是，剩下的按钮会分开来填充空间。这不是我想要的，相反，我希望它们沿着y轴重新居中，而不是分开。Dimension(150, 500));setAlignmentY(CENTER_ALIGNMENT);
创建按钮当前是此类中的一种方法if(getC
浏览 0提问于2012-07-02得票数 1
回答已采纳
1回答
将按钮设置在表格视图单元格的垂直中心。
ios、objective-c
我的表视图单元格中的按钮和标签一个接一个地垂直放置。如果我已经尝试了下面的代码，但是按钮没有垂直居中位置。
浏览 0提问于2017-03-31得票数 0
1回答
使堆栈视图元素居中，而不填充它们
ios、swift、iphone、uitableview、uistackview
我使用UIStackView作为UITableView's BackGroundView属性，因此当获取填充tableView的集合时出现错误时，我可以调用一个函数来显示此堆栈视图，其中包含显示警告消息和重试按钮的视图当我将堆栈视图固定在superView的尾部和前导上，将其垂直居中，并将其顶部锚点设置为大于或等于superView的顶部锚点，类似地，它的底部锚点大于或等于superView的底部锚点时，解决方案就起作用了我还将对齐设置为中心，将分布设置为填充，所有这些似乎都工作正常。 以下是一些截图： ?
浏览 35提问于2019-03-22得票数 0
回答已采纳
3回答
放置两个按钮
html、css
我有一个区域，我想在里面添加两个按钮。左边的按钮是“星期天”，右边的按钮是“杂项”。我想要的是均匀地放置两个按钮。因为两个按钮具有相同的大小，所以我将它们分配给相同的类。我只想添加一些规则来分隔两个按钮，例如左填充...然而，结果是“星期天”是正确的。为什么？请在上查看我的CSS
谢谢。
浏览 1提问于2012-08-01得票数 1
回答已采纳
1回答
ios:在UIButton中居中以编程方式编辑的内容
iphone、ios、uibutton、alignment
我有一个带有居中文本的UIbutton。当我使用：button.titleLabel.text = newValue;以编程方式更新文本时，它不再居中，而是有一个非常奇怪的位置(既不居中，也不左对齐)……如何使按钮将文本更新为水平居中？
浏览 3提问于2012-10-16得票数 0
回答已采纳
4回答
带有图像背景和文本的按钮
css、button
我有一个应用了图像背景的按钮。在button标签中有一些文本。为了使文本居中，我使用填充来定位它。但是，每次我更改位置中的文本时，都会受到影响，我需要再次修复填充。有没有一种方法可以让文本保持居中而不管它的长度？
浏览 0提问于2012-09-21得票数 1
回答已采纳
1回答
如何在UIBarButtonItem中对图像进行居中？
ios、uiimage、uibarbuttonitem
现在，我需要在UIBarButtonItem的按钮中设置这个图像中心，它有一个较大的矩形(如下面的红色矩形)。红色箭头表示可伸缩区域。现在，我有一个修改过的图像，在原始图像(@1x)周围有一个透明像素。但仍然不知道如何实现我的目标。
我想在按钮中居中图标，而不是填充</em
浏览 3提问于2014-03-18得票数 1
1回答
为什么我不能对齐并给StackView中的元素以固定的宽度
xcode、alignment、centering、uistackview、stackview
我的问题一直是如何在堆栈视图中对一个元素进行居中。
是主要的StackView
2)是有关的StackView，我想把它的内容( UIView在第3号)放在里面。
浏览 1提问于2020-06-20得票数 0
回答已采纳
3回答
如何在ConstraintLayout中将视图居中而不重叠不均匀的相邻视图
android、android-constraintlayout
我需要居中的标题文本，而不是重叠的按钮在任何一边。目前我已经让标题在侧边按钮之间居中，但由于它们的宽度不同，所以标题不在父视图中居中。这是它当前的样子(在两个按钮之间居中，而不是在父按钮中居中)：有没有办法使标题在父级中居中，同时确保它不会与两侧的按钮文本重叠(因为这是可以改变的)？更复杂的是，如果没有足够的空间让标题和按钮<
浏览 23提问于2019-06-12得票数 4
1回答
当按钮改变同一个<tr>中的填充时，如何使<td>居中？
html、css、twitter-bootstrap、jsp
我有两列，一列有按钮，另一列有文本。第一个图像显示按钮周围的填充，第二个图像显示文本周围的填充。
浏览 1提问于2018-05-18得票数 0
2回答
如何将Twitter-Bootstrap 3导航栏链接居中？
css、twitter-bootstrap、centering、navbar
如何使我设置的jsFiddle中的按钮居中，使按钮在导航栏内和导航栏外的间距相等并居中？如果你能给出一点解释，而不是像我想学的那样，只是修复CSS，这样我就不必一直回到这里。
就像它们在这里居中一样^。
浏览 1提问于2013-08-07得票数 11
回答已采纳
2回答
容器中的居中按钮
c#、winforms
如何在不指定位置的情况下指定按钮在容器中居中？这有可能吗？
目标是能够在面板中居中多个按钮，而不必对它们的位置进行计算。
浏览 0提问于2011-11-18得票数 7
回答已采纳
1回答
Bootstrap:如何在等高列的底部对齐和居中按钮
html、css、bootstrap-4、multiple-columns
editors=1100 我在每一列的段落中都有一些文本，并在段落下面有一个按钮。如何在列底部垂直对齐所有按钮，同时使它们在各自的列中居中？我可以把按钮按到最下面 .button-container { position:absolute; text-align: center;
} 但是居中不起作用，因为width: 100%会由于列填充而将div向右移动。
浏览 18提问于2019-01-29得票数 0
1回答
JQuery移动设备使按钮更高
android、user-interface、jquery-mobile
我正在尝试在不增加厚度的情况下，使JQuery手机中的按钮比通常的按钮高5倍左右。另外，如何将这些按钮中间的文本居中？
谢谢!
浏览 1提问于2012-05-24得票数 0
回答已采纳
3回答
使用css自动拉伸元素以适应父容器
javascript、jquery、html、css
我如何使按钮动态变化高度相等，以适应箱内？这里有个小提琴手来证明我的意思。
还请注意，我目前的高度是使用填充完成的，因为我希望文本在按钮中居中。
谢谢
浏览 0提问于2014-08-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
