如何让我的图片既垂直居中又水平居中？

文章/答案/技术大牛

发布

1回答

css、reactjs

我使用react.js构建了一个模板网站。当我构建第一个组件时，我遇到了这个问题。问题是：图片不在页面的中间(我的意思是垂直和水平) 我已经使用CSS flex让它处于中间位置。为什么我的图片位置不在页面中间？把那张照片放在那个圆圈里。如何做到这一点？这是我的Center.js： import React from

浏览 20提问于2019-04-16得票数 0

1回答

如何在material-ui居中？

material-ui

我有一个登录页，有2个文本字段:用户名、密码和登录按钮，用户名字段在最上面，密码字段在它下面，登录按钮在底部。我希望它们总是在页面的中心，无论是垂直还是水平。我试过这个： className={classes.container} spacing={16} </Grid> <Grid it

浏览 9提问于2018-08-13得票数 3

6回答

使图像在div中居中

html、css

我已经将div中图像的边框设置为none。现在，我想要将该图像放在其包含的div中。我试过使用margin: 0 auto;，但不起作用。我确信我忽略了一些愚蠢的事情，但我想寻求stackoverflow社区的帮助，这样我就不需要花一个小时盯着屏幕就能搞清楚。非常感谢。

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

回答已采纳

3回答

CSS:固定大小的div，固定的垂直位置和水平居中？

jquery、css

在CSS中，有可能有一个既水平居中又固定在浏览器底部的<div>吗？我为内部div设置了宽度和高度。我试着把一个带有position:relative的div放在一个固定的外部div里面，这样东西就垂直对齐了，但是外部div没有居中，我又回到了原点。仅仅使用CSS能做到这一点吗？我也在使用jQuery，所以如果这是唯一的</

浏览 1提问于2010-02-15得票数 3

2回答

显示:表格-单元格页签中心位置div？

css

唯一能让表格居中的方法是删除display: table -cell属性。如何使div既居中对齐又垂直对齐？ <!

浏览 0提问于2010-12-03得票数 0

回答已采纳

5回答

仅使用css将图像内部容器元素垂直居中

html、css、vertical-alignment

我需要使用CSS在他们的容器<li>块中垂直居中一些图像，但我不确定如何去做。我可以求助于使用javascript来计算图像的高度，然后做一些数学运算，使用页边距将图像垂直居中，但这似乎既笨拙又愚蠢。有没有什么好的基于CSS的解决方案可以在不使用固定边距的情况下完成垂直对齐(图像高度是可变的)？贴

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

回答已采纳

1回答

在Java JLabel中垂直居中

java、html、swing、jlabel、vertical-alignment

我有一个超文本标记语言的表格(样式与CSS)是在一个JLabel中显示。我希望单元格的内容(一行短文本)既水平居中又垂直居中。水平居中很容易，但我似乎不能垂直居中文本。我已经使用middle和center参数尝试了vertical-align:和valign:。我已经研究了几个技巧，但似乎没有一个是可行

浏览 0提问于2011-07-22得票数 6

回答已采纳

3回答

如何在发生换行时将文本垂直居中

html、css、center

基本上，我的问题是关于容器中的文本。当屏幕尺寸变小时，它会进入下一行。此时，它不再垂直居中，因为出现了一条新线。</h4> 我通常会为每个换行符调整填充，但这样做既麻烦又耗时。一定有更好的方法。

浏览 14提问于2017-06-29得票数 10

回答已采纳

4回答

另一个视图下方垂直居中的视图

android、android-layout

下面是我的布局。我希望EditText在布局的顶部，我希望VideoView垂直居中。EditText看起来不错，但我看到我的VideoView在EditText下方对齐(不是垂直居中)。然而，如果我去掉android:layout_below="@+id/caption"，那么我的VideoView是垂直居

浏览 1提问于2015-10-12得票数 0

2回答

水平和垂直居中图像

html、css

我有2个图片在我的主页上，这是垂直居中。display: inline-block;vertical-align: middle; 但是，我希望它们在水平和垂直方向上都居中。当我不使用float: none !important;时，图像水平居中，而不是垂

浏览 3提问于2016-03-11得票数 0

2回答

故事板约束问题:屏幕高度的一半

ios、xcode、storyboard、uilabel、constraints

我在一个故事板中有4个标签，一个大的在顶部，3个小的，底部的在中间(水平和垂直)居中，如下所示：我已经设置了一些约束，比如将顶部标签锁定在屏幕顶部，并将底部居中。但是，我不知道应该使用什么约束来使所有四个标签等间距，底部标签保持在中心。我尝试了一些约束，比如标签之间的间距，但当我尝试使用不同的屏幕大小来查看时，一切都搞乱了：有什么想法吗？

浏览 25提问于2018-09-17得票数 0

回答已采纳

3回答

如何在没有单独div标签的情况下将文本居中放置在图像上？

html、css

小提琴：如有任何帮助，我们不胜感激！谢谢!1); font-family:Verdana, Arial,

浏览 2提问于2013-03-27得票数 0

7回答

HTML-CSS在链接中水平和垂直居中显示文本

html、css、vertical-alignment

我试图使一个链接，其中有一个height和一个200px的width。链接的文本应垂直居中和水平居中。到目前为止，这是我的CSS： width: 200px; margin: 0 auto;}<tr> <a clas

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

回答已采纳

1回答

固定宽度的页面布局，但可随内容调整

css、html

我想升级我的网站的模板。因为我已经满足于文本和表格，所以我想确保div不会剪切某些页面的内容。

浏览 0提问于2013-01-31得票数 0

回答已采纳

2回答

在各种div的中间垂直对齐文本

jquery

嗨，我在一个不同大小的div中的图片下面有一些文本，文本已经是水平居中的，但我想使用jquery将这个文本垂直居中和水平居中。下面是示例页面 Sat

浏览 0提问于2011-05-13得票数 0

1回答

LinearLayout中的layout_gravity未按预期工作

android、layout-gravity

以下XML代码的输出：<!</LinearLayout> 浅紫色区域具有android:layout_gravity="center"，但仍显示在外部LinearLayout的顶部android:layout_gravity="center"不是应该将View或Layout放在其父布局的</

浏览 2提问于2021-03-07得票数 0

6回答

React本机文本组件不会在视图组件中居中

ios、text、view、center、react-native

嗨，我想这应该很简单，但我不能让它工作。似乎无论我做什么，我都不能让文本组件在视图中水平居中。我可以让它垂直居中，但不能水平居中。亲爱的主啊，为什么？style={[styles.titleContainer]}></An

浏览 3提问于2015-11-03得票数 5

2回答

如何在Safari中将flex容器的绝对位置的子容器居中？

html、css、safari、flexbox、mobile-safari

我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。Safari似乎根本没有居中显示文本。它只是位于容器的顶部/左侧，就像一个正常的绝对定位的元素在非flexbox布局中一样。将内容水平和垂直居中是Flexbox的强项。(-50%,-50%)

浏览 5提问于2017-06-08得票数 9

回答已采纳

8回答

将div水平和垂直居中，并在调整父级大小时保持居中

html、css

我想让div始终水平和垂直居中。我可以减小/增加窗口的宽度，div将始终保持在窗口的中心{ width:50px; margin:auto;这是我目前所拥有的。但是我也想让div保持垂直居中，所以如果我减少/增加窗口<

浏览 1提问于2013-07-08得票数 17

回答已采纳

5回答

有三个视图的水平LinearLayout，中间视图应水平居中

android、android-linearlayout

我在一个水平LinearLayout中有三个项目:一个TextView、一个ImageButton和另一个TextView。这三个都是垂直居中的。无论两个TextViews的宽度是多少，我如何才能另外实现中间的ImageButton完全水平居中？也就是说:我想让ImageButton恰好居中，左TextView看起来应该右对齐，右Tex

浏览 5提问于2019-01-05得票数 2

点击加载更多