使div垂直居中，使其稍微偏离水平居中

文章/答案/技术大牛

发布

4回答

html、css

因此，我试图使用CSS位置和变换方法来创建一个垂直居中的div，但显然它使div稍微偏离了水平居中。下面是我的代码： HTML： <div class="row container-fluid top_header"> <div class="col-12 container-xl"><div cla

浏览 127提问于2020-03-22得票数 1

回答已采纳

2回答

平移(Y)垂直居中方法不起作用-稍微偏离中心

html、css、center

我有这个简单的代码来垂直和水平居中页面上的文本元素： max-width: 1200px; } position{ top: 50%; transform: translateY(-50%);这样做会将文本放在容器的垂直中心，但在水平方向上会稍微偏离中心。我认为“左: 50%”会<

浏览 1提问于2016-06-04得票数 3

4回答

如何在Java中绘制垂直居中的字符串？

java、graphics

水平居中不是太难，但垂直居中似乎有点困难。我尝试过在不同的组合中使用FontMetrics getAscent、getLeading、getXXXX方法，但无论我尝试什么，文本总是偏离几个像素。有没有办法测量文本的确切高度，使其精确居中。

浏览 1提问于2009-06-28得票数 20

回答已采纳

3回答

td的默认css，自动对中。

html、css

什么是td的默认css，使其能够自动垂直地居中？;} width: 60%; background-color: red;<divid="outer"&

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

回答已采纳

2回答

调整大小时保持文本居中

html、css

HTML：Navjeeven MannCSS： position:relative; height

浏览 1提问于2017-08-22得票数 0

1回答

如何在隐藏溢出的div中对div进行中心设置？

css

是否有任何方法使子div在具有隐藏溢出的父div中居中，而忽略隐藏溢出？class="outer"> Hello World</div>预期产出： -------------------------没有溢出，则inner div应该是水平居中的

浏览 0提问于2018-03-05得票数 0

回答已采纳

5回答

CSS垂直-略微关闭对齐

css、vertical-alignment

好了，这让我抓狂了：谢谢。

浏览 0提问于2012-07-21得票数 2

回答已采纳

4回答

固定居中的分段

javascript、css

如何使div相对于屏幕水平和垂直居中，而不是相对于页面。这样当用户向下滚动一个长页面时，div会保持水平和垂直居中吗？

浏览 1提问于2011-07-05得票数 2

回答已采纳

6回答

使图像在div中居中

html、css

我已经将div中图像的边框设置为none。现在，我想要将该图像放在其包含的div中。我试过使用margin: 0 auto;，但不起作用。<body> <div id="banner"> <img src="logo

浏览 2提问于2010-01-26得票数 13

回答已采纳

1回答

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

html、css、alignment

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

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

回答已采纳

1回答

垂直和水平对齐

html、layout、alignment、css

我的问题如下：<body><div id="page"> <div id="inner_

浏览 3提问于2012-10-20得票数 2

回答已采纳

1回答

在所有设备的抽屉中垂直居中

html、css、twitter-bootstrap

下午好,整个页面都在这里：如果有任何帮助，我将不胜感激。

浏览 1提问于2015-09-02得票数 0

3回答

如何在CSS中实现align=“居中”效果，并兼容XHTML语言并使其在大多数浏览器上运行

html、css、xhtml

我正在尝试让一些超文本标记语言页面更符合规范，并从简单的事情开始，比如去掉表格中的align=“中心”等。text-align:middle最受设计师朋友推荐的但在某些布局或某些浏览器(特别是IE6)下，似乎都不起作用。有没有一种可靠的方法可以使用纯CSS来实现这一点，并让它在大多数浏览器上都能工作？编辑:我指的是text-align: center;。匆忙地把它打出来了。该页面已

浏览 1提问于2009-10-01得票数 0

回答已采纳

3回答

我可以将它们分别垂直和水平居中对齐，但我需要它们都作为一个单元水平居中，文本在图像旁边垂直居中。这就是我所拥有的： <div style="text-align: center; height: 50px; position: relative; border: 1px solid black;"left: 50%; -ms-transform: translate(-50%, -50%); transform: transl

浏览 4提问于2018-08-10得票数 0

回答已采纳

1回答

火狐和IE8中奇怪的居中问题

html、css、centering

我的网站上的导航栏在火狐和IE8标准模式下不能正确居中。它可以在IE7兼容模式和Chrome中正确居中。奇怪的是，将div (id=“navlink”)上的页边距设置为4px或更大将使其正确居中。任何较小的值都会导致它稍微偏离中心。我在Firebug中来回更改了值，这让我很困惑。对为什么会发生这种情况有什么解释吗？

浏览 4提问于2010-06-12得票数 3

回答已采纳

2回答

HTML5 / CSS3在一行中水平和垂直居中2个项目

asp.net、asp.net-mvc、html、css

如何使它们在水平和垂直方向上居中？我认为每个物体都有50%的面积，并以此为中心。然而，我可能会对水平居中(彼此之间有一个间隙)持开放态度。然后将它们作为一对垂直居中。

浏览 0提问于2012-11-15得票数 1

回答已采纳

1回答

ReactJS材料界面对齐形式场中心

reactjs、redux、material-ui

我正在经历一个麻烦，使我的反应形式与中心一致。我正在使用reactjs资料用户界面。width: 200, })); <divname='ssn' </FormGroup> <

浏览 4提问于2019-10-21得票数 0

回答已采纳

2回答

居中排列排行榜广告

html、css、leaderboard

已经应用了<div class="center">AD CODE</div>标记，尽管这似乎并没有起到作用…… 任何建议都将不胜感激，一如既往！谢谢。

浏览 1提问于2014-06-20得票数 0

2回答

如何在浮动div中垂直和水平居中锚点元素？

html、css

我尝试在div元素中水平和垂直居中定位一个锚点元素。这个问题的基础如下。<div></div><div></div> <div></

浏览 0提问于2014-07-27得票数 2

回答已采纳

4回答

如何垂直对齐和均匀分配两个按钮？

html、css

我试图对齐这两个按钮，使其水平居中，并且垂直分布在浏览器窗口上，如下所示： display: flex; margin: auto;} margin: auto;} <button id=&

浏览 2提问于2020-04-29得票数 1

回答已采纳

点击加载更多