DIV垂直居中和水平居中，带有边框、填充和边距

文章/答案/技术大牛

发布

2回答

html、css

我需要将DIV水平和垂直居中： div.wrap { bottom: 0; justify-content:center; position: fixed; top: 0; div.main { border: 1px solid red;display: flex; ma

浏览 23提问于2021-08-10得票数 0

2回答

HTML/CSS图像跟随高度

html、css

请在这里查看最终的设计示例：我该怎么做呢？我原本打算在背景图像的两边都有一个小的边框，但是我该如何“计算”中心内容的高度呢？或者使两个边框跟随中心div的高度。这有点难以解释..但是检查图像，这是一个html示例，说明我已经走了多远。

浏览 1提问于2012-10-27得票数 1

1回答

无法理解"CSS最终指南第三版“中的一段

css

在"CSS最终指南第三版“第166页中，有一段描述了关于横向边距的行为： <div> <p>A paragraph<&#x

浏览 2提问于2013-03-06得票数 3

回答已采纳

3回答

缩略图悬停标题以填充/边距为中心？

html、css、thumbnails、caption

我想要创建一个白色悬停标题，是居中，垂直和水平。围绕这一点，我想添加相同的填充/边距，并在一些填充/边距与标题/标题居中，水平和垂直。 <a cl

浏览 12提问于2015-02-17得票数 1

1回答

为什么我的<nav>元素忽略边距规则？

html、css

我试着添加margin: 10px;和margin-bottom: 10px;，但是我的navlist粘在了<div id=header>上。我如何将10 is的所有东西“推开”到我的navlist周围，这样我的class=navlist和id=header之间就有了空白。这是我的html和css：.navlist { padding: 20px; text-align: center</d

浏览 1提问于2016-05-31得票数 1

回答已采纳

4回答

为什么缺少页边距顶部和底部？

html、css

head> <title>Separator</title> <body> <span class="separator"></span> <span>wor

浏览 1提问于2017-03-03得票数 2

1回答

如何删除标题和内容之间的空白

html、css、twitter-bootstrap

我将div class="rowimg"迁移到div class="row"中，这似乎解决了我的侧边栏的问题，但是

浏览 1提问于2015-08-04得票数 0

回答已采纳

2回答

body元素的填充值增加了。

html、css、web

我试着制作它，这样我就可以使用填充等方法将我的身体部分放在页面的中间。但是，由于某种原因，盒子本身并没有在中间。我不确定我是否以正确的方式，但当你看到代码。

浏览 3提问于2016-01-22得票数 0

回答已采纳

2回答

在外部Div内居中水平Div？

css

我正在创建一个水平菜单栏。我在这些内部div上使用float: left来设置样式，以便水平而不是垂直地显示它们。问题是菜单栏在左右两边的空间不均匀，因此整个菜单栏看起来不是集中的……也就是说，左边的第一个菜单项与左边框之间的空间较小，而右边框上的最后一个菜单项与右边框之间的空间较大。我希望左侧和右侧的边<

浏览 2提问于2012-02-22得票数 3

回答已采纳

3回答

卡在中间

css

我什么时候应该使用margin-left:auto; margin-right:auto居中，什么时候应该使用margin-left:50%; margin-right:50% 当我将包含在另一个元素中的内容居中时可能是"auto“&当我将页面居中时是50%？

浏览 0提问于2011-06-02得票数 0

回答已采纳

3回答

什么是offsetHeight、clientHeight、scrollHeight？

javascript、html、dom、offsetheight

我想解释一下offsetHeight、clientHeight和scrollHeight或offsetWidth、clientWidth和scrollWidth之间的区别 window.sampleDiv = div; div = window.sampleDiv; var propTypeWidthborderTopWidth : 0)) + "px&

浏览 53提问于2014-03-27得票数 297

回答已采纳

2回答

LongListMultiSelector将CheckBox与列表项对齐

windows-phone-8、silverlight-toolkit

我有一个带有较大字体大小列表项的LongListMultiSelector。由于这种字体更改，我意识到复选框总是与实际列表项不对齐。我已经尝试在每个级别上更改水平和垂直对齐，还调整了填充和边距的值。有没有办法让复选框垂直居中或管理其填充？我意识到列表样式中有关于边距的，然而它似乎涉及到我的问题没有任何直接的输入。

浏览 1提问于2013-02-26得票数 5

5回答

水平居中动态宽度div，在另一个动态div内

html、css

display:inline-block‘(在父级上加上'text-align:center’)可以做到这一点，但却碰壁了非常感谢您的帮助！

浏览 0提问于2013-02-15得票数 0

1回答

如何将两个元素并排垂直居中，并使它们的内边距与垂直中心线等距？

css、css-position

因此，如下所示，我有两个元素:我的名字和一个无序列表。我希望这是清楚的！基本上，我希望这两个比特在页面上左右并垂直和水平居中。通过将两个元素向左浮动，然后调整每个元素的边距，我已经得到了我想要的

浏览 2提问于2014-01-03得票数 0

1回答

中间分区用填充代替边距

html、css、twitter-bootstrap

我有一个带有底部边框的全宽度选项卡导航条，并且我希望将选项卡水平地居中。下面是链接：谢谢!

浏览 2提问于2014-10-30得票数 2

回答已采纳

1回答

为什么css规范需要在垂直方向( .But )，而不是水平方向(而不是水平方向)出现边距崩溃。

html、css

为什么css规范需要在垂直方向( .But )，而不是水平方向(而不是水平方向)出现边距崩溃。多年来我都知道这种崩溃，我试图找出这个collapse.The规范的原因如下：这是真正的原因，还是有其他的历史原因？

浏览 0提问于2017-10-04得票数 3

回答已采纳

1回答

在div中使用页边距-top将页边距应用于标头。

html、css、twitter-bootstrap

我试图对div中的文本应用页边距，使文本以水平和垂直的方式居中。我不确定是否有更好的方法来做到这一点，因为我对HTML和编程非常陌生。<div class="col-md-6-- this div<

浏览 4提问于2017-06-08得票数 0

回答已采纳

3回答

绝对的div中心和响应？

css

我有一个弹出式div，它需要居中和宽度响应的(流体)，但是我使用的是左50%的普通代码和左边的负边距margin-left: -480px; position: absolute更新:也许我不清楚，但我没有看到与“在div中垂直和水平地以文本为中心”的问题有任何关系。

浏览 7提问于2017-10-03得票数 0

回答已采纳

1回答

具有响应方式的垂直中心元素

twitter-bootstrap-3、responsive-design、center、vertical-alignment

了解了响应式Web设计，我想知道是否有一个标准的过程，使元素(div、图像或其他什么)垂直地以响应的方式居中。不是使用边距和填充的像素，而是以百分比的方式或类似的方式，以获得响应性的分配结果。像水平对齐引导的中间块或居中行和科尔。

浏览 3提问于2014-11-06得票数 0

回答已采纳

1回答

在其他div内部居中对齐div，并在垂直和水平方向上居中对齐图像

html、css、alignment

我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：下面是我的HTML和CSS的jsfiddle：我如何才能使logo div居中(仅水平居中<

浏览 2提问于2012-10-16得票数 1

回答已采纳

点击加载更多