css图片始终居中 - 腾讯云开发者社区

文章/答案/技术大牛

发布

3回答

使大于100%的元素居中

javascript、css

我在居中放置一个比它的父元素大的图像时遇到了问题。我已经将最小宽度和最小高度设置为100%，这样图片将始终填满父元素。我宁愿看到面向css的答案，而不是javascript，因为在DOM中遍历大量图像时会出现性能问题。以下是父中包含的两个

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

回答已采纳

2回答

在固定区域中垂直对齐文本

css、vertical-alignment

我有一系列元素，其中有一张图片，图片下面有一个包含文本的块。偶尔，文本会变得太长并中断到第二行。它看起来是这样的：我需要垂直对齐文本，使其始终居中。我在这里创建了一个jsfiddle来帮助提供答案：对于我的html/css，你知道我该怎么做吗？

浏览 1提问于2012-01-22得票数 1

回答已采纳

3回答

在不引起滚动的情况下溢出水平图像

css

最好的解释是一张图片： |我希望水平滚动条低于960px，但不是在上面，我希望所有的内容居中高于960px。我知道我以前见过类似的设计。如果有人能给我指出一个，那就太好了，或者如果你恰好有它的CSS :)

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

3回答

使图片居中

jquery、html、css

我想要在有溢出隐藏的div中居中显示图像。 </div>有关更多信息，请参见图片：标准状态就是它在溢出时的状态:隐藏；但需要它始终居中，

浏览 6提问于2012-08-30得票数 3

回答已采纳

2回答

在javascript中使DIV居中

javascript、html、css

我无法将div居中以正确显示我单击的图像。它只在第二次尝试时才起作用，第一次尝试任何图像时，它总是在右下角显示div。我试着摆弄这个javascript，但就是想不通。

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

2回答

在响应式布局中将一个div垂直居中放置在另一个高度未知的div中

html、css、responsive-design

有没有可能让图片块在其容器内始终垂直居中？换句话说，让带有row-fluid类的div在带有特色项目的div中垂直居中。

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

3回答

图像居中，然后淡入

jquery、css

这里是CSS和jQuery的组合，我用来居中图片，但是我想在图片居中之前隐藏它们，然后以某种方式"fadeIn“那些图片。CSS： position:relative; width:200px; display:block; jQuery： $('.img_block'

浏览 0提问于2013-11-16得票数 0

1回答

背景图像在移动设备中不能缩放

html、css、twitter-bootstrap-3、jquery-backstretch

嗨，我正在尝试缩小背景图片，这是在一个特定的div设置缩小移动屏幕，如iphone或安卓，但它没有缩小，而是它只显示了大图像的特定部分，而我希望整个图像的大小和可读性减小这是一个在线链接，您可以在其中验证和查看样式

浏览 17提问于2019-07-15得票数 0

5回答

如何使页面内容居中，使其在每种屏幕大小上居中？例如，在上，如果我调整浏览器的大小，中心内容将向左移动，直到到达浏览器窗口。某些背景元素在水平方向上无限延伸(顶部为深灰色，中间为浅灰色，等等)。我可以在我的笔记本电脑和iMac上打开这个网站，它是居中的。我想我可以使用绝对定位从左侧移动内容x像素量，但这不起作用，因为300像素在小屏幕上居中内容，不会在大屏幕上居中。所以在本质上，我想复制Allegorithmic网站的功能，有无限的水平背景，但有一定的内容始终保持“中心”。

浏览 2提问于2011-08-28得票数 5

回答已采纳

3回答

使多个图像在一条线上居中

html、css、image、centering

因此，我需要得到2张图片，彼此相邻，但居中。我已经知道如何将图像居中，但不知道如何将其中两个居中。问题出在display: block;的CSS中，display: inline-block;不能工作--就好像它是简单的内联一样。我的代码居中显示一张图片：img { display: block;HTML： <h1>This

浏览 19提问于2017-08-05得票数 0

1回答

尝试在div中居中asp imagebutton

css、html、imagebutton、centering

如何让它们在包含的div中居中？<div class="ButtonBox"> ImageUrl="/css/images/lightbulb.png" CssClass="button" /> <asp:ImageButton ID="

浏览 1提问于2012-01-26得票数 0

回答已采纳

2回答

绝对真实的居中背景图像

css、background、background-image

oI有一个网站，在这个网站上，居中的背景图片在主页动画中起着至关重要的作用。背景居中，直到浏览器窗口不能适应网站的宽度，在这一点上，背景类左对齐。

浏览 2提问于2014-02-12得票数 0

2回答

使用CSS控制图形字幕相对于图形中响应图像的位置

html、css、figure

我正在整理一个网站，需要显示一个响应式的图像，其中图像始终对齐在浏览器的顶部，并将标题固定到紧接在图像左侧边缘下方的位置。提前感谢！doctype html><head> <meta charset="UTF-8&quo

浏览 65提问于2018-07-18得票数 1

回答已采纳

1回答

CSS背景图像中心与边距不同:0自动使用滚动条

html、css

看一看有趣的是，IE7“正确”地呈现它，但是IE8+和其他浏览器如上所述地呈现它。编辑:更多信息:链接的小提琴只是这个问题的一个最小的例子，我的实际问题是整个网站的中心(使用margin:0 auto)和背景图像居中(使用background-position: center top该解决方案需要在大量的网站上工作，

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

2回答

如何使div围绕另一个元素居中？

css、html、margin、tumblr

我正在尝试编辑tumblr主题，使我的帖子在图片中居中(图片在div中)我尝试在CSS中为帖子和div设置相同的页边距，但我似乎无法使div中的图片在页面上正确居中。我想要的帖子是完美的水平居中的图像，即使当浏览器窗口调整大小。有人知道我是怎么做到的吗？有没有比把图像放在div中更简单的方法呢？下面是我的代码的链接

浏览 2提问于2013-08-04得票数 0

2回答

colspan TD总是在可滚动的div中居中？

html、css

有没有可能让Be Middle (.middle)始终居中，即使在纯CSS中滚动到右侧？

浏览 1提问于2015-05-20得票数 0

1回答

如何创建一个像Facebook这样的图片库？

php、css、codeigniter、image-gallery

我在一个4x3的图片画廊工作，图片来自一个数据库。所有的图片都有不同的尺寸。使用Bootstrap和CodeIgniter，我为每个图像创建行和列。现在我希望宽图片适合行的高度，水平居中，隐藏水平溢出。我也希望高大的图片适合列的宽度，垂直居中，隐藏垂直溢出。就像Facebook一样。边距-左:自动；边距-右:自动；不要居中图像。> 我的css： .row.gallery-row{} .ga

浏览 62提问于2019-06-26得票数 2

回答已采纳

2回答

为什么twitter要实现这样的全屏图像

css

twitter.In源代码的首页有一个全屏图像，它们是这样做的：<div class="front-bg"></div> CSS

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

6回答

如何将图片的背景文本居中

html、css、background

标题说明了这一点，我有一张图片，上面有一个文本。我想让它始终居中，无论是水平还是垂直。网站的 (黄色标题是我要居中的文本)

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

回答已采纳

2回答

WP RichTextBox垂直对齐

xaml、windows-phone-8、richtextbox

我正在动态解析数据，并在Windows phone8.0 RichTextBox中添加文本、超链接和图片作为InlineUIContainer。不知何故，我不能处理图像垂直对齐居中的文本。图片的添加方式如下： richTextBox.Blocks.Add(paragraph);paragraph);我也尝试在RichTe

浏览 0提问于2014-04-23得票数 0

点击加载更多