2回答
我正在尝试编辑tumblr主题，使我的帖子在图片中居中(图片在div中)我尝试在CSS中为帖子和div设置相同的页边距，但我似乎无法使div中的图片在页面上正确居中。我想要的帖子是完美的水平居中的图像，即使当浏览器窗口调整大小。有人知道我是怎么做到的吗？有没有比把图像放在div中更简单的方法呢？下面是我的代码的链接
浏览 2提问于2013-08-04得票数 0
这是我网站的另一个部分，非常简单：
text-align:center;I有一个带有小文本的p，如果要删除margin和padding，文本的第一行不再是居中的(°_°)<code>H 212</code><code>f 213</code>
我真的不明白:如果空白处少了，就会有更多的空间，所以文字应该保持居中！
下面是div的图片(使用CSS)：
下面是p在div中的图片:仔细看:边距为12 is，文本(第一行)没有居中。
当我增大时，文本最终以中心为中心:仔细看:边距是13 is，文本(第一行)是居中的！
知道我
浏览 8提问于2011-11-09得票数 0
回答已采纳
3回答
使多个图像在一条线上居中
、、、
因此，我需要得到2张图片，彼此相邻，但居中。我已经知道如何将图像居中，但不知道如何将其中两个居中。问题出在display: block;的CSS中，display: inline-block;不能工作--就好像它是简单的内联一样。
我的代码居中显示一张图片：
CSS：
img {
margin: 0px auto;
display: block;
}
HTML：
<h1>This Week's Photo Features</h1>
<img src="images/photos/Ba
浏览 19提问于2017-08-05得票数 0
2回答
我有一系列元素，其中有一张图片，图片下面有一个包含文本的块。偶尔，文本会变得太长并中断到第二行。它看起来是这样的：
我需要垂直对齐文本，使其始终居中。我在这里创建了一个jsfiddle来帮助提供答案：
对于我的html/css，你知道我该怎么做吗？
浏览 1提问于2012-01-22得票数 1
回答已采纳
2回答
我会这样做:我有一个背景图片(顶部居中)，我会用内容填充它的中下部。我会做一些像这样的事情。注意:它是可调整大小的！
我怎么能做出这样的东西呢？我使用Zurb Foundation作为CSS框架。谢谢!
浏览 0提问于2012-02-11得票数 0
5回答
你好，我需要一些帮助，我的网站。从我提供的图片中可以看出，我需要将文本居中于矩形框的中间。我该怎么做呢？
我的css是，
.extendcontainer {
background: rgba(255,255,255,0.1); // Transparent White Background
background: #fff; // Left as a fallback for older browsers
color: #FFFFFF;
}
浏览 7提问于2015-01-29得票数 1
回答已采纳
3回答
这里是CSS和jQuery的组合，我用来居中图片，但是我想在图片居中之前隐藏它们，然后以某种方式"fadeIn“那些图片。
CSS：
.image_block {
position:relative;
height:200px;
width:200px;
}
.img_block img {
position: absolute;
top:50%;
left:50%;
display:block;
}
jQuery：
$('.img_block').find('img&#
浏览 0提问于2013-11-16得票数 0
在我的首页上，我想居中显示目录视图(内容区标题为'Golfverzeichnis')：
要居中的CSS元素的名称: jrDirView
Problem-Description:图片和下方的左对齐链接应该保持不变，但是现在右对齐的整个目录视图区域应该居中，所以左右的空白是相等的。
浏览 3提问于2013-02-02得票数 0
回答已采纳
2回答
我想做一个侧边栏，其中的文本是旋转和居中的侧边栏。我要的是文字和css，而不是背景图片之类的.
在css中，这样的事情会怎么做呢？
我试过使用transform: rotate(7deg);之类的东西，但我无法正确定位它。
具有基本结构。顶部应该在屏幕的左边(就像在图片中)。
这也必须是有反应的。单击菜单时，切换侧栏幻灯片，这样文本就可以很容易地用一些css/js隐藏起来。
谢谢
回答：
达林耶奥的回答对我来说是正确的选择。很多简单的组成div，你会(水平)，然后旋转整个div。
在div内旋转文本似乎更难正确定位所有响应性断点。
浏览 13提问于2016-05-28得票数 3
回答已采纳
3回答
我在居中放置一个比它的父元素大的图像时遇到了问题。我已经将最小宽度和最小高度设置为100%，这样图片将始终填满父元素。
当图像没有父元素的比例时，就会出现视觉问题。图像在右侧或底部被裁剪得太多。
我想我可以绕过这个问题，当我只是将图像居中，这样图片中最重要的部分就不会被裁剪。有没有办法让图片居中比它的父元素大？(不更改父元素ofc)
我宁愿看到面向css的答案，而不是javascript，因为在DOM中遍历大量图像时会出现性能问题。
以下是父中包含的两个图像的屏幕截图的一部分。图像大小还可以，但不能居中显示
浏览 1提问于2011-03-29得票数 2
回答已采纳
1回答
我的问题很难回答，我希望有人能帮我解决这个问题。
我正在建设一个网站，人们可以上传图片。
有些页面中的这些图片是垂直缩略图，但它们也可以上传口头图像。
缩略图中的图像显示为背景，而不是img标记！
我想做的就是：
检测图像中的脸并设置背景位置，以便在缩略图中居中。
我希望有人知道怎么做那样的事！
PS:为什么图像在背景中？拐角处-moz-，-webkit-和css3。
谢谢!
浏览 2提问于2011-03-22得票数 0
回答已采纳
2回答
我的网站有以下CSS制作图片粘在网站底部。
#wrapper{
min-height:100%;
background:#fff url(grafikk/bg-footer.gif) no-repeat 50% 100%;
width:100%;
overflow:hidden;
}
它的文字很棒-图片是居中的，并坚持在页面底部。
但是我想把图片宽度设置为原PNG的50%。PNG的宽度为640 is，因此将其设置为320 is也可以。
我怎么能这么做？
(我无法找到背景设置的不同属性实际上意味着什么。)
浏览 2提问于2013-11-02得票数 4
回答已采纳
4回答
我现在被这个问题困扰着。我在一个框中通过CSS调整图片的大小，并强制其高度。
.img_contener {
width: 100%;
height: 400px;
}
这里有用于调整图像大小的CSS：
img {
max-width: 100%;
max-height : auto;
height: auto;
width: auto;
box-sizing: border-box;
}
现在我想要将生成的图片居中，这取决于它的高度，它不适合包含框，默认情况下它留在左边。
边距:自动和文本对齐:居中都不起作用。
到目前为止，我还没有尝试过jquery解决方案。我更喜欢基于CSS的解决方案
浏览 2提问于2013-02-22得票数 1
3回答
我有一个图片(草坪的图片)，风格如下：
img{
width: 100%;
height: 40%;
position: fixed; <!-- top of page-->
}
我有一个<h1> Putnam Lawn Care</h1>，我想要有重叠和居中的图像，但我不知道如何使用css (我试过position:fixed; top: 20%; left: 50%;，但这使'Putnam草坪护理‘的'P’在50%，所以这也不是居中)？我也不确定固定定位是否正确，我应该使用绝对定位吗？提前感谢您的帮助！
浏览 0提问于2018-06-20得票数 0
回答已采纳
我有以下情况:我有一张居中的全景照片(图片的左右部分在屏幕上还看不到)。
我喜欢这样，根据鼠标位置(与图片的中间X相关)图片：
->向左移动(就像在虚拟漫游中一样)(如果鼠标位于照片的右侧)；
->向右移动(如果鼠标在图片的左侧)；
->并返回到初始居中位置(当鼠标在图片之外时)。
这就是我尝试的方法(只在一个方向上移动；但我想/需要两个方向)：
<head>
<style type="text/css">
#smartdemo3 {
width: 75%;
overflow: hidden;
}
#
浏览 2提问于2016-02-15得票数 5
3回答
我刚刚完成了一个作业，用HTML为一个类制作了一个网站，并重新阅读了说明；
我不能在代码中的任何地方使用CSS或样式属性，但是我已经使用了两次样式来对图片进行居中。因为它只出现了2次，我希望这是一个简单的修复，我可以重新提交。
这是我现在需要替换的代码：
<div **style**="text-align: center;">
<img src="picture.JPG" alt="caption" width="430" height="500" display="block&
浏览 7提问于2020-02-06得票数 1
回答已采纳
1回答
我在一个4x3的图片画廊工作，图片来自一个数据库。所有的图片都有不同的尺寸。使用Bootstrap和CodeIgniter，我为每个图像创建行和列。现在我希望宽图片适合行的高度，水平居中，隐藏水平溢出。我也希望高大的图片适合列的宽度，垂直居中，隐藏垂直溢出。就像Facebook一样。 边距-左:自动；边距-右:自动；不要居中图像。 我的索引页面： <h1><?=$title?></h1>
<?php $i = 1; foreach ($photos as $photo) {
if ( $i % 3 == 1 ) { ?>
浏览 62提问于2019-06-26得票数 2
回答已采纳
2回答
我很难在bootstrap 4列中对齐一些图像。我已经尝试使用CSS属性text-align: center，这将使图像水平居中。我的列占据了大量的视图端口，所以我还需要图像垂直居中。 下面是我的react组件返回的内容。class="img13“是我想要的中心。 <div id="border">
<div class="container">
<div class="row tower">
<div class="
浏览 65提问于2020-08-18得票数 1
回答已采纳
嗨，我在一个不同大小的div中的图片下面有一些文本，文本已经是水平居中的，但我想使用jquery将这个文本垂直居中和水平居中。
我该怎么做呢？
下面是示例页面
谢谢,
Sat
浏览 0提问于2011-05-13得票数 0
2回答
我正在使用骨架和规范化css。我想在div容器内将两个图像并排垂直和水平地居中。当页面变窄时，我希望第一张图片底部的第二张图片如下所示
Normal width:
img1 img2
Narrow view:
img1
img2
这是我的代码：
<div id="center">
<div class="left">
<img class="u-max-full-width" src="img1.jpg">
</div>
&
浏览 5提问于2016-09-14得票数 1
回答已采纳
1回答
我想要做的是有一个表单，你可以上传一张图片，然后当你查看该对象时，图片会在特定的div中垂直和水平居中。它的大小未知，等等。
除非有一种方法可以使用image_tag辅助对象将其垂直居中，否则我希望能够将该图像用作背景图像。在我的.css.scss文件中，我希望能够执行以下操作
.image_div {
background-image: image_url("#{@object.image}");
background-position: center
}
我正在使用CarrierWave上传图片，当我输出@object.image时，它会给出我电脑上图片
浏览 0提问于2013-01-24得票数 4
回答已采纳
1回答
我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。
我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。有没有办法同时完成这两项任务？
编辑：
就像这张照片上的一样。我的意思是图片应该居中，不同的高度：
浏览 6提问于2013-12-24得票数 0
3回答
我在一个页面上居中显示两张图片时遇到问题：
<div name="pics"style="text-align:center;padding:70px">
<a name="picofday"><img class="picofday" src="castle.jpg" alt=""/></a>
<a name="frame"><img class="frame" src="frame.png&
浏览 4提问于2014-02-11得票数 0
3回答
我正在构建一个使用javascript和css的图片库查看器，但我无法将元素居中。我有一张向后箭头的照片，照片本身，以及下一个箭头。这3张照片是一张一张的，我需要把这三张照片都居中。感谢任何帮助，而且，我对css/javascript/html还是个新手，所以不要对我太苛刻。谢谢你，盖伊。
(你可以去guyzyl.org，进入任何图库，然后点击一张照片，看看我的意思，以及我试图居中的意思)
浏览 4提问于2012-05-18得票数 0
回答已采纳
我似乎没有意识到下面的设置与html和css。我需要3分钱：
标头(固定高度)
页脚(固定高度)
内容(固定的高宽比，必须居中且必须“尽可能大”)
我有一本书(一张图片)，我希望它尽可能大。我正计划将内容div作为背景图像放置。
我做这个模型是为了说清楚：
有人知道我是怎么意识到这一点的吗？
浏览 1提问于2013-05-23得票数 3
回答已采纳
5回答
我是CSS的新手，看过一些关于如何在div中居中文本的指南，但现在它不是完全的，而是几乎居中……
图片来源：
CSS：
.info { /* Background (div)*/
background-color: red;
height: 10em;
width: 50em;
position: absolute;
left: 50%;
top: 50%;
margin:-5em 0 0 -25em;
text-align: center;
}
.info-text { /* Text (span) */
font-si
浏览 4提问于2019-07-02得票数 0
我是Liferay的新手，我终于设置了我的第一个Web Content Portlet，并且显示了单个Web Content Asset。My Asset只是一句话的消息，带有一张图片，所有图片都包装在单个Web内容中。当我在控制面板上预览我的Web Content Asset时，它是居中的，但是现在我可以在我的实际站点上的portlet中看到它，整个Asset在屏幕的左侧。如何将资源居中到屏幕中间？
我尝试了一下配置/外观/感觉，但没有任何东西可以简单地做到这一点。我知道我必须使用定制的CSS框，但是我对CSS的了解很少，根据我对CSS的了解，您必须知道要应用属性的类的名称，而我不知道需要应
浏览 2提问于2016-02-09得票数 0
我试着用图片对文本进行垂直居中，
项目点是使用的，但我看到的重点点和文字被推到底部每次(即)。
我现在有这个HTML (没有CSS)：
浏览 2提问于2014-01-22得票数 0
回答已采纳
对于任何使用Nivo Slider的人来说，有没有什么直接的方法(或没有)在滑块上居中显示图像？我知道Nivo Slider的设计是为了显示完美“适合”盒子的图片(不像我使用它的方式)，但出于技术原因，我宁愿让图片居中，而不是让我所有的图片都完全适合Nivo盒子的宽度和高度。目前我的Nivo幻灯片看起来像这样：
抱歉，我没有提供任何我尝试的代码示例。我的CSS知识不是很好，我修复这个问题的大多数尝试要么是在web上寻找解决方案(并尝试应用所说的解决方案)，要么是尝试在样式表中随机使用一行代码来尝试解决问题。
如果你想知道我使用的是什么CSS文件，我使用的是默认的主题，可以从这里下载：
谢谢，
浏览 0提问于2012-02-03得票数 1
回答已采纳
5回答
我在上使用了一些图片的jQuery插件。
如果你看一下中心的主要产品图片，它的正下方是一些看起来像宝丽来的小缩略图。如果你点击一个，它会弹出一个使用Colorbox的图片
如果你设置浏览器窗口大约800px宽(页面内容的宽度)，弹出窗口将居中。然而，随着浏览器窗口的加宽，弹出窗口会越来越向右移动(而不是居中)。
有人知道我怎么解决这个问题吗？
浏览 0提问于2010-06-11得票数 0
回答已采纳
1回答
我试着给网站的主体添加一个背景，我想要显示整个背景，并将网站的内容居中。
我使用了以下CSS，但无法将其居中：
body {
margin: auto;
background: url(../images/bggeneral.jpg) top center repeat;
background-position: center;
font-size: 100%;
line-height: 1.0625em;
color: #515151;
width: 100%;
}
背景图片：
我需要裁剪图像或类似的东西吗？
浏览 0提问于2012-10-22得票数 1
回答已采纳
我有一个链接，后面有一张图片，图片应该居中。我需要定位链接和图像，使他们在水平中心，但偏移到左边的一些像素。
我有一个固定宽度的网站，这是居中的页面，这些链接必须在相同的位置，无论屏幕分辨率。
以下是一幅ascii图，以帮助解释我的意思：
___________________________________
| | | |
| | | |
| | | |
| |<>
浏览 4提问于2010-08-12得票数 1
我有以下HTML
<div class="parent">
<div class="left-colum">Some paragraphs of text</div>
<div class="right-column"><img src="image.jpg"></div>
</div>
右列有图像的宽度，但是由于它持有不同大小的图像，所以它的宽度是未知的。我想要左列采取任何需要，但最大宽度为150 max。我也希望图片在右边的列垂
浏览 3提问于2015-10-12得票数 0
回答已采纳
1回答
我有一个画廊在我的网站(koolcycles.com)下的主要图片，我想让它居中的页面(即有蓝色的虚线轴移动到的地方，红色线轴在所附图片)
我被告知需要更改CSS文件中的宽度。
我想知道我需要更改什么以及在哪里更改！
浏览 0提问于2015-10-12得票数 0
1回答
我有一些图片加载了延迟加载，我必须在中间的页面对齐。
所以我有一个标准的延迟加载插件
data-original="img/products/a001.jpg"
加载必须居中的图像，并且
src="img/loading.gif"
那也必须是居中的。
<img class="lazy img-centered img-responsive" data-original="img/products/a001.jpg" src="img/loading.gif" alt="">
我使用以
浏览 0提问于2015-01-05得票数 0
回答已采纳
你能给我一些建议如何在图片上显示文本吗？文本是可变的我不能用photoshop解决这个问题？图像是响应性的，图像居中，并在链接中重复bakcground。宽度和高度都可以。非常感谢。
它应该是什么样子的：
它现在看起来怎么样：
在X上重复的图像：
CSS：
a.elipsis{
background: url('showmore-bg.png') repeat-x;
}
HTML：
<a style="display:block; width 100%; margin: 0 auto; text-align: center&#
浏览 1提问于2014-03-27得票数 0
2回答
我有一个问题，水平图像“画廊”，我将高度设置为100%和不设置宽度的图片，因为不同的大小。
我的问题是，父元素并没有减少，并且他保持了图像的原始宽度。尝试调整窗口的高度以解决显示问题。红色是父母。
I需要这样做：父图像的高度为70%，垂直居中，图像将其高度设置为100%，并根据分辨率自动更改宽度。
看上去怎么样->
它必须在css中解决。
我的问题可以在上看到
谢谢你的帮助，为我的英语道歉.:)
浏览 2提问于2014-02-06得票数 0
回答已采纳
4回答
为什么图像不居中？
、、、
<div id="tagcontainer"><img id="tagimg" src="img/tri.png"/></div>
CSS：
#tagcontainer {
width:100%;
top:0;
position:absolute;
}
#tagimg {
position:relative;
margin:auto;
}
不知道为什么我弄不明白。为什么这张图片没有居中？
浏览 3提问于2012-09-12得票数 1
回答已采纳
3回答
居中div的最小左边距
、、、
有没有一种"css“方法可以让居中的div表现得好像有最小的左边距？我希望一个居中的div在页面上居中，除非该页面的宽度小于某个特定值。类似于以下内容：
.centred { width: 400px; margin: 0 auto; min-margin-left: 200px; }
我知道min- could left并不存在，但是我如何才能做到这一点呢？下面是一个图片示例。我认为灰色边框是浏览器，蓝色框是我的“居中”div。
浏览 4提问于2013-10-03得票数 2
这是我想使用www.dealflurry.com的网址: css。我想不出如何让标题文本"Deal Flurry“在它周围的两张图片之间垂直居中。文本停留在图像的底部，而不是中间。我试着把文本和图片放在div中，但我做的方法不起作用。如果有任何帮助，我将不胜感激！
浏览 2提问于2013-03-27得票数 0
回答已采纳
4回答
我试图使一个图片100%延伸在网站上，当我缩小窗口时，图片应该保持居中和从侧面收缩。以下是我尝试过的：
HTML
<div class="full-width">
<img src="img/large.jpg" alt="">
</div>
CSS
.full-width{
width:100%;
height:450px;
margin-bottom:50px;
}
.full-width img {
width:75%;
margin:0 auto;
}
浏览 2提问于2015-03-12得票数 1
回答已采纳
5回答
我试着在css中居中显示一张图片，但是我的代码无法工作。
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
<img src="mw3.gif" />
浏览 0提问于2015-02-18得票数 0
这里是工作小提琴：
我需要放置3个项目(文本和2个图像)，垂直对齐(这是可以的)，但右边的图片应该锚定在右边，文本居中
良好的CSS
浏览 3提问于2012-03-28得票数 0
回答已采纳
2回答
将浮动元素转换为居中元素
、、、
我不确定如何将图像居中，然后让一个链接在图像的右侧浮动，并保持图像的真实中心位置。下面的图片是我正在尝试的东西的模型。
我希望有一种只使用css就能完成这项任务的简单方法
浏览 15提问于2016-08-30得票数 2
1回答
在第一张图片上可以看到女孩的头和腿是如何被切掉的，因为图片对于正方形来说太长了。我怎么做才能让它把它们都切掉并居中呢？或者如果它太宽，它会把两边剪掉？
浏览 1提问于2013-04-08得票数 10
2回答
我有一个图像，我想调整它的大小，以适合大小的文本，除了它。文本应该按照这张图片居中，这张图片将在文本的左边。
，那么怎么做呢？
(抱歉，我不能上传图片，因为我是一个新用户，不允许发布图片。)
编辑：
请看我说的的一个例子
浏览 1提问于2012-03-12得票数 1
回答已采纳
4回答
我需要在一个html页面创建一个列表，并使用CSS将其居中。
这是我想要的图片：
小块列表应该在中心，所有的实心项目符号和文本左对齐，但块本身应该仍然在中心。我已经创建了我的列表和我想要的缩进，整个列表是左对齐的。
基本上，我希望列表在页面的死角中心，所有的项目符号都正确地相互对齐，两个圆圈项目符号缩进一点。
我怎么能这样做呢！？
我正在尝试使用margin-left/right设置为auto的div，但没有成功。
浏览 1提问于2012-02-23得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
