为什么更改边距百分比会影响自定义按钮的间距？
更改边距百分比会影响自定义按钮的间距，是因为边距百分比是相对于父元素的宽度来计算的。当我们给自定义按钮设置边距百分比时，它会根据父元素的宽度来计算实际的边距值。
例如，如果我们将按钮的左边距设置为10%，那么它的实际左边距将是父元素宽度的10%。如果父元素的宽度发生变化，按钮的边距也会相应地发生变化。
这种情况下，如果我们更改了按钮所在的父元素的宽度，按钮的边距百分比也会相应地改变，从而影响到按钮的间距。如果我们希望按钮的间距保持不变，可以考虑使用固定像素值来设置边距，或者使用其他的布局方式来控制按钮的位置和间距。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
如何在CSS中创建具有统一大小和边距的元素的流动网格？我已经尝试了两种方法。一个是和。它们都不能正确缩放。我能做什么?
浏览 1提问于2012-05-28得票数 2
回答已采纳
我是React-Native和web开发的新手，但我确实有一点CSS经验。我遇到了一个我不能理解的问题，我也没有在网上找到任何表达类似问题的东西，所以我可能会弄清楚为什么会发生这种情况。我有一个自定义的六边形按钮，我想以类似于屏幕键盘的方式进行间隔，我已经完成了，但我的按钮太高了。第一行被通知栏遮挡。因此，为了修复位置，使通知栏不会像我将paddingTop:从5%更改</
浏览 19提问于2019-12-26得票数 1
回答已采纳
6回答
在中，如何推荐在按钮之间添加间距(边距)的方法？
在语义-ui中，在库CSS中定义的默认边距。在引导中，可以使用按钮组来增加按钮之间的间距。添加自定义css或内联css是实现按钮之间边距的推荐方法吗？理想情况下，我希望在使用css框架时避免编写任何css。
浏览 7提问于2018-02-26得票数 5
回答已采纳
1回答
我有一个用Visual Studio2010开发的C# WinForms应用程序。我的应用程序有一个自定义控件(用户控件)。当我在设计自定义控件时，它看起来是这样的：请注意，图像、标签和组合框之间的空间非常窄。当我将自定义控件添加到我的主窗体中时，它看起来是这样的：请注意，与第一张图像中的间距相比，控件之间的间距增加了多少。
我不知道这些额
浏览 3提问于2013-11-05得票数 2
我有一个HorizontalList控件，它使用自定义的ItemRenderer将每个项目表示为切换按钮。该列表允许拖放，我使用将拖放反馈(线条)旋转到垂直位置，而不是水平位置，但由于按钮混在一起，拖放反馈相当微妙。我想以某种方式分隔按钮，这样拖放反馈就更明显了。下面是我的ItemRende
浏览 1提问于2009-05-07得票数 1
回答已采纳
我正在使用bootstrap的类按钮是完美的方式，他们是(我需要他们等间距和采取全长)，但我希望他们之间有一点空间我试着尝试了边距，宽度百分比和填充，但没有成功。
请参阅此codepen
浏览 0提问于2016-04-21得票数 0
我在主页上创建了一个简单的ListBox，但是默认情况下添加的项目有太多的垂直间距(好像项目高度是应有高度的两倍)。我尝试过更改DataTemplate以及对ItemContainerStyle应用0边距/填充，但都没有成功。
在如何根据内容调整ListBoxItem的大小方面，哪个属性会影响它的高度？更改字体系列也不起作用。
浏览 0提问于2012-03-01得票数 0
回答已采纳
我正在开发一个应用程序与徒步旅行事件的成员反应的活动。这些反应是用LinearLayout制造的黄色“气球”。每个项目都是从定义反应项目布局的XML文件(listitem_deelnemerreactie.xml)构造的。此布局文件的顶层是LinearLayout my本身。我想要独立元素之间的一些间距，以及一些右边距。最直接的方法应该是:在listitem_deelnemerreactie.xml布局文件的
浏览 1提问于2013-05-23得票数 1
1回答
我希望用"/“字符分隔每个li，并希望间距基于窗口的宽度。当元素("/")之前的：：边距为margin: 0 20px;时，所有元素都是内联的。但是，当我将其更改为margin: 0 14.284%;时，li内容将被删除到斜杠下面。编辑:
浏览 0提问于2013-12-02得票数 0
我有三个这样的按钮： <button class="small">X</button> <button class="small">Z</button>下面是应用于以下内容的CSS
浏览 1提问于2013-10-22得票数 2
回答已采纳
5回答
FireMonkey控件看起来不像VCL控件那样具有锚属性。如何使FireMonkey控件在窗体调整大小时自动调整？
浏览 6提问于2011-09-16得票数 3
回答已采纳
5回答
为什么会这样？Firefox，Chrome，IE都有相同的结果。 <div class="innerItem"> </d
浏览 6提问于2013-02-05得票数 1
回答已采纳
1回答
当div的高度是通过百分比指定的，并且边距相同时，边距是高度的两倍。这会使高度值的一半的边距看起来相同。为什么会这样呢？
浏览 0提问于2015-10-19得票数 0
1回答
children=[c1,c2,c3])Con5 = wdg.Box(children=[Con1,Con2,Con3])
在Con5的输出中，c1、c2和c3都在一起，浮动框之间没有空格，所以它们的描述是重叠的，我如何使它们居中，或者至少增加它们之间的间距？
浏览 0提问于2015-03-17得票数 8
据我所知，其他问题都以不同的形式涉及到这个问题，但没有一个像我希望的那样直接地给出一个明确的答案。在设计视图时，我经常会在文本框中添加10px填充，或者使用5px边距来分隔按钮。如果屏幕分辨率有限，或者设备像素比例被强烈缩放，则10px填充
浏览 0提问于2020-06-27得票数 1
3回答
在中，您可以看到水平边距对内联元素有影响。而垂直边距没有影响。是这样的吗？为什么会这样？margin-left: 40px;#s2 {}
浏览 7提问于2015-01-16得票数 0
回答已采纳
但是如果我把高度加到按钮图像的div容器中，现在边距顶部只移动按钮图像元素，而其他两个则停留在原地。我故意使“按钮-图像”元素浮动，以便在不移动其他2的情况下将其向下移动，因为所有3种元素都是内联块元素，在其中一种元素上设置一个边距顶部，将所有3种元素都向下移动，因为它们需要维护文档流。我以为让按钮-图像元素浮动会把它从文档流中取出来，并且我可以自由地移动它，而不会影响其他元素。但是我发现，如果di
浏览 2提问于2020-06-19得票数 1
回答已采纳
我在过去遇到过这种情况，但我通常能够围绕这个问题进行设计--通常是通过手动将第一个P或H1标记上的上边距设置为零(这次不起作用)。为什么当我将填充/边距设置为0PX时，我得到了一个'false‘边距？如果我给了包装div一个PX填充，它会自动纠正这个问题，一切看起来都很好，如果我不这样做，我会在顶部得到一个空格，这是没有任何意义的。为什么更改填充会影响所包含<e
浏览 0提问于2012-06-08得票数 0
回答已采纳
1回答
自举5排水沟与保证金
、、、
也许这是个愚蠢的问题，但我还是没有正确理解。我看到了引导v5文档，并且有许多来自v4的更改，其中之一就是排水沟。
有人能解释我在使用和实用工具时有什么不同吗?建议什么时候使用边距，什么时候使用？谢谢你的帮忙!
浏览 1提问于2021-06-26得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
