margin 相关问题

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

为什么我的导航栏显示为堆叠式而不是水平式？/如何才能将所有页面内容包含在不可见边框中？

所以，我试图创建一个只有两个链接的“导航栏”。我一直在尝试使用 W3schools 示例来确定执行此操作的最佳方法，但我不确定我使用了最佳方法

html css navbar padding margin

回答 1 投票 0

我有一个图像和一个，里面有一个带有显示的：flex。当我尝试使用开发工具调整窗口大小时，div 的右边距用橙色着色...... 我有一个图像和一个<p>，里面有一个<div class = "man">和display: flex。当我尝试使用开发工具调整窗口大小时，图像中橙色的 div 的 margin-right 不受尊重，因此图像似乎卡在右侧。现在的图像没有填充/边距，但有一个边距应用于包含 <p> 和 <img> 的 div；为什么不被尊重？我的问题与开发工具打开的屏幕截图 <!DOCTYPE html> <html lang="it"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div.man { max-width: fit-content; margin: 20px; display: flex; } div.man p { margin: 0px; } div.man img { max-width: 450px; height: auto; } @media (max-width: 655px) { div.man { flex-direction: column; } } </style> </head> <body style="margin: 0px;"> <div style="width: fit-content;" class="man"> <img src="man2.jpg"> <p>Questo concept restaurant desidera donare ai propri membri un viaggio sensoriale e spirituale tramite le linee del design, l'attenta scelta dei suoni, l'accurata selezione delle essenze, un'altra riflessione della funzionalità e della comodità </p> </div> </body> </html> 在您的情况下，图像给出了 max-width 属性。但宽度不限制为父级 div 的最大 100%。尝试改变图像的宽度，问题就解决了我假设当你说尊重时，你希望图像填满整个页面，但将其最大宽度限制为 450px。如果是这样的话，那么我所做的就是在width: 100%下添加一个div.man img。请注意，这样，图像边距仍然存在，但图像的宽度不会扭曲页面布局。 div.man { max-width: fit-content; margin: 20px; display: flex; } div.man p { margin: 0px; } div.man img { width: 100%; max-width: 450px; height: auto; } @media (max-width: 655px) { div.man { flex-direction: column; } } <!DOCTYPE html> <html lang="it"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body style="margin: 0px;"> <div style="width: fit-content;" class="man"> <img src="https://picsum.photos/600/300"> <p> Questo concept restaurant desidera donare ai propri membri un viaggio sensoriale e spirituale tramite le linee del design, l'attenta scelta dei suoni, l'accurata selezione delle essenze, un'altra riflessione della funzionalità e della comodità </p> </div> </body> </html> 在CSS中，边距是元素边框周围的空间，而填充是元素边框和元素内容之间的空间。如果要为全宽元素设置边距，则可能需要使用 calc 设置其宽度，如 width:calc(100% - 2x)，其中 x 代表边距。但是，就您而言，我相信使用填充是更好的选择。（显然，将其与盒子大小一起使用。） div.man { max-width: calc(100% - 40px); margin: 20px; display: flex; } div.man p { margin: 0px; } div.man img { max-width: 450px; height: auto; } @media (max-width: 655px) { div.man { flex-direction: column; } } body{margin:0} <div style="width: fit-content;" class="man"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Fronalpstock_big.jpg/1200px-Fronalpstock_big.jpg"> <p>Questo concept restaurant desidera donare ai propri membri un viaggio sensoriale e spirituale tramite le linee del design, l'attenta scelta dei suoni, l'accurata selezione delle essenze, un'altra riflessione della funzionalità e della comodità </p> </div>

html css margin

回答 3 投票 0

使底部边框更靠近文本

我想给我的导航菜单加下划线，但问题是我需要它更厚，所以我使用底部边框，这样我就可以将宽度设置为 6px。我似乎可以弄清楚如何获得

css border margin

回答 5 投票 0

如何将 SVG 置于 div 中心？

我有一个 SVG，我试图将其放在 div 中。 div 的宽度为 900px。 SVG 的宽度为 400 像素。 SVG 将其 margin-left 和 margin-right 设置为 auto。不起作用，它只是充当......

css layout svg positioning margin

回答 18 投票 0

角度中不需要的边距

我正在使用 Angular，我想创建一个标题组件，但是当我将它添加到我的主组件时，它会出现一些边距。图片示例 ` 我正在使用 Angular，我想创建一个标头组件，但是当我将它添加到我的主组件时，它会出现一些边距。图像示例 ` <header id="actionVar"> <app-home-icon id="homeicon"></app-home-icon> <app-carrito-componente id="carritoicon"></app-carrito-componente> <app-search-products id="busqueda"></app-search-products> </header> ` 这是头部组件，它又由其他组件（例如主页按钮）组成 <header> <app-head-component></app-head-component> </header> 这里我将头部添加到主要组件中。我是新人，如果我做错了什么或不好的做法，请告诉我我尝试将边距、填充和边框设置为 0，但没有任何效果。通过设置绝对位置，它离开了我，但从我读到的内容来看，你的设计将不会响应这不是标题或其他标签的边距，而是大多数网络浏览器中的正文标签实际上以默认边距开始。此边距通常设置为所有边（上、下、左、右）8 个像素。解决方案： body { margin: 0; }

html angular typescript margin scss-mixins

回答 1 投票 0

正文边距在 WordPress CSS 主题上不起作用

我有这个wordpress主题，边距主体或包装器不起作用，我尝试了所有主体边距，包装器边距，避免了大多数可能的冲突。但我仍然在浏览器中看到冲突

css wordpress wordpress-theming margin

回答 1 投票 0

Flutter 布局容器边距

我的 Flutter 布局有问题。我有一个简单的容器，其左右边距为 20.0 在这个容器内我有另一个容器。但这个容器不适合父容器

layout dart containers margin flutter

回答 6 投票 0

无边距，无轴，无标题绘图图

我正在尝试创建一个干净简单的图形，但生成的 HTML 元素中似乎总是存在某种边距。这是代码：导入plotly.graph_objects作为go 无花果 = go.Figure()...

python css plotly margin plotly-python

回答 1 投票 0

英雄部分未覆盖 100% 的显示

好吧，我希望我的英雄部分覆盖 100% 的屏幕。现在我正在尝试使用 height: (calc 100vh - 90px)，来自标题的 90 px。唯一的问题是，有差距投注...

css padding margin line-height hero

回答 1 投票 0

如何在纯 JavaScript 中获取 div 的边距值？

我可以在 jQuery 中获取高度 $(item).outerHeight(true); 但是我该如何使用JS呢？我可以得到 li 的高度 document.getElementById(item).offsetHeight 但当......时我总是会得到“”

javascript margin

回答 4 投票 0

在 pyqt5 中删除用作背景的图像的边距

我正在尝试删除在小米应用程序中用作背景图像的图像的边距（或填充？）。我使用 QLabel 将图像放置为主窗口的centralWidget，但是当初始化时...

python pyqt5 margin

回答 1 投票 0

为什么这个网页的行高不一样？

我创建了一个小测试网页，尽管它们使用相同的CSS样式，但行高不同。当使用 Chrome 突出显示 .instruction cla 的用法时，这一点变得最为明显...

html css margin

回答 1 投票 0

R pdf 设置边距

我正在尝试为用 R 生成的 pdf 设置图形边距。使用 mar，我可以减少绘图边距。然而，结果图仍然是页面中间的一个正方形，而不是使用全部...

r pdf plot margin

回答 2 投票 0

如何将两个 TextView 靠近（垂直）放置？

这是我的相对布局：这是我的相对布局： <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="7" android:gravity="center" android:keepScreenOn="true" android:orientation="vertical"> <TextView android:id="@+id/txtSongYear" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="0dp" android:ellipsize="marquee" android:lineHeight="40dp" android:padding="10dp" android:scrollHorizontally="true" android:singleLine="true" android:text="Year" android:textAlignment="center" android:textColor="#fff" android:textSize="20sp" android:textStyle="italic"> </TextView> <TextView android:id="@+id/txtSongName" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" android:ellipsize="marquee" android:padding="10dp" android:marqueeRepeatLimit="marquee_forever" android:scrollHorizontally="true" android:singleLine="true" android:text="Song Name" android:textAlignment="center" android:textColor="#fff" android:textSize="22sp" android:layout_marginBottom="20dp" android:textStyle="italic"> </TextView> </LinearLayout> 渲染为：如您所见，两个 TextView 之间有一些边距。我想放在他们附近，我该怎么做？删除 android:padding="10dp" 和 android:layout_margin="20dp" 即可工作。

android layout margin

回答 1 投票 0

无法删除网页 H1 的顶部和底部边距

我是 HTML 和 CSS 新手。我试图从 H1 中删除顶部和底部边距，但默认边距仍然存在。到目前为止，我的 CSS 如下所示： font-family: '鸬鹚 Garamond'; 夫...

html css header margin

回答 1 投票 0

为什么向父 div 添加边框会更改其大小以包含其子级的边距，但在没有边框时却不会？ [重复]

.parent { 背景颜色：红色；宽度：100px； /* 边框：实心 5px 黑色； */ } 。孩子 { 顶部边距：50px；宽度：100px；高度：100px；背景颜色：绿色； } <...

html css border margin

回答 1 投票 0

Flutter 填充和边距问题

在为我的 Flutter 应用程序生成发布版本时，我遇到了一个不寻常的问题，即某些设备上的填充和边距被莫名其妙地删除。这个问题很独特，不会发生