如何在更大的div内使图像中心（垂直和水平）居中
我有一个div 200 x 200像素。我想在div的中间放置一个50 x 50像素的图像。
怎么做到呢？
我可以通过使用text-align: centerdiv 使它水平居中。但是垂直对齐是个问题。
问题答案：
就个人而言，我将其作为div中的背景图像放置，其CSS为：
#demo {
background: url(bg_apple_little.gif) no-repeat center center;
height: 200px;
width: 200px;
}
（假设id="demo"您已经在指定div height并width添加div background应该不是问题）
让浏览器承受压力。
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p
-
问题内容： 有没有办法在 垂直和水平方向上输入一个DIV， 但这很重要， 当窗口小于内容时，内容将不会被剪切 。div必须具有背景色，宽度和高度。 我总是将div的中心定位为绝对位置和负边距，如提供的示例所示。但是它有一个问题，那就是削减内容的顶部。有没有一种方法可以将div.content居中而不会出现此问题？ CSS： HTML： 我的问题不是重复的“如何在水平和垂直方向上居中放置元素？”1-
-
我在父div中的图标居中（垂直和水平）存在问题。我的页面上有许多大小不同的父div，因此我希望能够按比例将图标放置在每个父div的中心。下面是一个JSFIDLE问题： JSFIDLE公司 HTML CSS
-
问题内容： 嗨，我想放置一个图像，该图像的垂直和水平居中对齐，我的HTML标记是 完成所有这些操作后，我将无法执行操作。请看一下并帮助我。 问题答案： 有几种方法可以使元素水平和垂直居中，这取决于情况和您的喜好。 使用以下标记： 行高 好的快速修复方法，不会使您太费时间，但是如果实际上将文本居中，则可能会出现问题。 显示：表格单元 就像好的旧表一样工作并且高度灵活，但是仅在现代浏览器中受支持。 位
-
问题内容： 我有一个设置为（ 和），我有一些文字里。 我需要文本在垂直和水平方向的中心对齐。 我已经尝试过了，但是它没有做水平部分，所以我尝试了，但是没有用。 有任何想法吗？ 问题答案： 如果是一行文本和/或图像，则很容易做到。只需使用： 而已。如果可以是多行，那么它会稍微复杂一些。但是在http://pmob.co.uk/上有解决方案 。查找“垂直对齐”。 由于它们往往是黑客或添加复杂的div
-
问题内容： 如何使用flexbox在容器内水平和垂直居中div。在下面的示例中，我希望每个数字都彼此相邻（按行），并水平居中。 问题答案： 我认为您想要以下内容。 你的元素应该是块级（而非）如果你想要的高度和顶部/底部填充，以正常工作。 另外，在上，将宽度设置为而不是。 您的属性很好。 如果您希望垂直居中于视口中，请为和分配100％的高度，然后将页边距清零。 请注意，需要一个高度才能看到垂直对齐效