margin 相关问题

CSS边距属性定义元素周围的空间。

内边距和边距有什么区别?

在 W3 CSS 中以及在 XUL/CSS 中? (不在 CSS 和 XUL/CSS 之间)。

回答 6 投票 0

如何让我的导航ul li背景填满整个导航栏?

我正在为我的网页设计课程简介创建一个简单的网站。我正在尝试制作一个包含六个列表项的居中导航栏。当用户将鼠标悬停在某个项目上时,背景会从青色变为白色......

回答 1 投票 0

CSS - 网页顶部的白边距

我已经尝试了所提供解决方案的所有可能组合来消除该余量,例如: 身体 { 边距:0!重要; 填充:0!重要; } 和 * { 边距:0 像素; 帕迪...

回答 2 投票 0

如何使用 CSS 过渡将 div 从屏幕外滑入绝对布局?

我有一个绝对定位的div网格(网格由不同形状的矩形组成,这些矩形组合在一起形成一个大矩形)。 我正在尝试通过 h...

回答 2 投票 0

使用 sdp 以编程方式更改边距

我正在使用compile 'com.intuit.sdp:sdp-android:1.0.3' api来设置线性布局的边距,如下所示 我正在使用 compile 'com.intuit.sdp:sdp-android:1.0.3' api 来设置这样的线性布局的边距 <LinearLayout android:id="@+id/layout_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/_10sdp" android:layout_marginTop="@dimen/_10sdp" android:padding="@dimen/_8sdp" android:orientation="vertical"> </LinearLayout> 现在,当我以编程方式更改边距时,它会在 dp 中更改,而不是在 sdp 中更改 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); params.setMargins(0, 10, 10, 0); layout_message.setLayoutParams(params); 那么如何根据 sdp 以编程方式更改边距?谢谢你 你可以试试 对于Java int margin = getResources().getDimensionPixelSize(R.dimen._10sdp); params.setMargins(0, margin, margin, 0); 对于 Kotlin,正如 Zohab Ali 所指出的 resources.getDimensionPixelSize(R.dimen._10sdp) 我正在寻找这个问题的答案https://stackoverflow.com/a/40417241/3768019对我有用👍🏻

回答 2 投票 0

在 Google Maps API v.3 中使用统一的偏移/边距在现有多边形内创建新的多边形

我有一个多边形,想在其中创建一个新的多边形,该多边形与周围边缘的间隔恰好为 5 米。 我的想法是计算质心,然后得到外层po的每个点...

回答 1 投票 0

React Native 中奇怪的边距行为与绝对位置相结合

我试图在React Native中定位View元素,这些元素在其父容器中具有position:“absolute”属性,但正值和负值似乎不一致......

回答 1 投票 0

父节点“container”有height,可以计算margin,为什么“item”的css margin-top和margin-bottom没有效果,?

在此输入图像描述 父节点“container”有height,margin可以计算,为什么“item”的css margin-top和margin-bottom没有效果? 正文,html {

回答 1 投票 0

我在 React PDF 项目中遇到一个问题,我无法可视化 ReactPDF 的底部和右边距以及边框

我正在尝试在我的 React 应用程序中使用 @react-pdf/renderer 库生成 PDF。一切似乎都工作正常,除了一个问题:右侧和底部边距在...

回答 1 投票 0

第一个网站 - 乱七八糟,但当我添加边距时第二列向下移动(不在第一列旁边) - 不知道如何修复

身体{ 背景颜色:#040081; 字体系列:Arial、Helvetica、sans-serif; 内边距:50px; 框大小:边框框; } . header { 内边距:20px; 背景颜色:#1612AA; 文本对齐:...

回答 2 投票 0

按钮粘在div的底部

这是我当前的代码: #导航{ 高度:10vw; 宽度:90vw; 顶部:0; 背景颜色:#d6d6d6; 内边距:20px; 边框:4px纯黑; 下边距:20px; } #toFileCreator ...

回答 1 投票 0

负 margin-bottom 不会应用于子 div 以取消父 div 的边距

#家长{ 背景颜色:蓝色; 下边距:40px; 顶部边距:40px; } #孩子1 { 背景颜色:红色; } #孩子2 { 高度:200px; 背景颜色:黄色; 顶部边距:-40px;

回答 1 投票 0

如何摆脱 div 元素内部不需要的空间?

我在 html 中添加了一个 div 元素。在里面我放置了 5 个 h1,它们彼此相邻放置(这样我就可以单独将鼠标悬停在它们上方)。 div 内文本的填充确实很大,即使我......

回答 1 投票 0

如何在 Flutter 中设置 Button 的边距

我只是在 Flutter 中创建一个表单。我无法设置按钮的上边距。 类 _MyHomePageState 扩展 State { 字符串名字; 字符串姓氏; 最后的脚架...

回答 11 投票 0

Android setMargins 无法以编程方式工作

... <RelativeLayout> ... <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_marginLeft="10dp" android:layout_marginTop=”11dp” android:background=”@drawable/image” /> </RelativeLayout> 然后我需要以编程方式设置保证金: ImageView imageView = (ImageView) findViewRoot(R.id.imageView1); RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) imageView.getLayoutParams(); params.width = 100; params.height = 100; params.setMargins(0,0,0,0); //NOT WORK imageView.setLayoutParams(params); ImageView 仍然有 marginLeft 10 和 marginTop 11; 出了什么问题? 你尝试过创建一个新的LayoutParams吗? ImageView imageView = (ImageView) findViewRoot(R.id.imageView1); RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams( RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT ); params.setMargins(0,0,0,0); imageView.setLayoutParams(params); 尝试使用 ViewGroup.MarginLayoutParams 设置 ImageView 的边距。这是来自@Hiren Patel回答的一种方法,非常适合我。 private void setMargins (View view, int left, int top, int right, int bottom) { if (view.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) { ViewGroup.MarginLayoutParams p = (ViewGroup.MarginLayoutParams) view.getLayoutParams(); p.setMargins(left, top, right, bottom); view.requestLayout(); } } 如何在代码中使用的示例: public void testMargin(View view){ ImageView imageView = (ImageView) findViewById(R.id.imageView1); RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) imageView.getLayoutParams(); params.width = 100; params.height = 100; setMargins(imageView , 0, 0, 0, 0); imageView.setLayoutParams(params); } 我的测试布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/holo_blue_light" tools:context="com.g2o.test.TestActivity"> <View android:layout_width="100dp" android:layout_height="100dp" android:layout_alignParentLeft="true" android:background="@android:color/holo_red_dark" /> <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_marginLeft="100dp" android:layout_marginTop="100dp" android:adjustViewBounds="true" android:background="@drawable/cast_ic_notification_0" /> <Button android:id="@+id/test" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:onClick="testMargin" android:text="Test" />" /> </RelativeLayout> 希望这有帮助! 希望这有助于将您的 ImageView 放入RelativeLayout 并将其宽度和高度设置为 Match-Parent <RelativeLayout android:id="@+id/lay_expandable" android:layout_width="match_parent" android:layout_height="200dp" > <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/ic_expansion" /> </RelativeLayout> 并在您的活动中使用 LinearLayout.LayoutParams 例如 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams (LinearLayout.LayoutParams.MATCH_PARENT, 400); lay_layout.setLayoutParams(params); // 注意展开相对布局,而不是图像本身 边距不起作用: final ImageView imageView = new ImageView(this); imageView.setImageDrawable(draw); imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); imageView.setAdjustViewBounds(true); RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(196,196); params.setMargins( 500,500,0,0 ); imageView.setLayoutParams(params); 保证金运作: final ImageView imageView = new ImageView(this); imageView.setImageDrawable(draw); imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); imageView.setAdjustViewBounds(true); imageView.post(() -> { RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(196,196); params.setMargins( 500,500,0,0 ); imageView.setLayoutParams(params); }); 这对某人可能有用: 就我而言,我正在处理同样的问题,android api 19 上无法识别边距,所以我所做的是更改图像的大小(增加一点),然后调整填充,如下所示: file: dimens.xml <dimen name="image_padding_right">5dp</dimen> 然后是代码: val imageView1 = ImageView(this.activity) imageView1.setPadding(0,0, resources.getDimension(R.dimen.image_padding_right).roundToInt(), 0) imageView1.cropToPadding = true 选项 cropToPadding 允许您执行解决方法,以防边距不起作用。 希望有帮助。

回答 5 投票 0

如何设置元素样式以按容器宽度重叠(看起来像选项卡)?

我有一个项目列表,这些项目的样式设置为连续显示,每个项目都稍微重叠,看起来像选项卡。仅使用 CSS(无 JS),我希望重叠能够响应式地改变...

回答 1 投票 0

如何使弹性容器收缩到最小合理尺寸?

我有一个按钮,它是包含两个项目的flexcontainer。 .flex-容器{ 显示: 柔性 柱间隙:1rem 对齐项目:居中 margin-right: 10rem /* 仅用于说明 */

回答 3 投票 0

如何减少Bootstrap模板中的padding、margin

下载了“https://getbootstrap.com/docs/5.3/examples/heroes/”,删除了index.html中除“英雄”和“注册表单”之外的所有部分。空白太多了...

回答 1 投票 0

margin-left 正在重复/成倍增加

我真的不明白为什么,不知何故,margin-left 只会影响其他元素,这非常烦人。 .setting-container { 位置:相对; 顶部:60 像素; 左:0px; 宽度:100%; 身高:

回答 1 投票 0

Flutter中不使用Container是否可以做margin

Flutter中有没有不用容器就能低成本做保证金的方法? 我不喜欢仅仅为了做边距而使用容器小部件。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.