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
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
1回答
我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。
我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。有没有办法同时完成这两项任务？
编辑：
就像这张照片上的一样。我的意思是图片应该居中，不同的高度：
浏览 6提问于2013-12-24得票数 0
2回答
我会这样做:我有一个背景图片(顶部居中)，我会用内容填充它的中下部。我会做一些像这样的事情。注意:它是可调整大小的！
我怎么能做出这样的东西呢？我使用Zurb Foundation作为CSS框架。谢谢!
浏览 0提问于2012-02-11得票数 0
2回答
我有一系列元素，其中有一张图片，图片下面有一个包含文本的块。偶尔，文本会变得太长并中断到第二行。它看起来是这样的：
我需要垂直对齐文本，使其始终居中。我在这里创建了一个jsfiddle来帮助提供答案：
对于我的html/css，你知道我该怎么做吗？
浏览 1提问于2012-01-22得票数 1
回答已采纳
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
回答已采纳
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
回答已采纳
我有以下情况:我有一张居中的全景照片(图片的左右部分在屏幕上还看不到)。
我喜欢这样，根据鼠标位置(与图片的中间X相关)图片：
->向左移动(就像在虚拟漫游中一样)(如果鼠标位于照片的右侧)；
->向右移动(如果鼠标在图片的左侧)；
->并返回到初始居中位置(当鼠标在图片之外时)。
这就是我尝试的方法(只在一个方向上移动；但我想/需要两个方向)：
<head>
<style type="text/css">
#smartdemo3 {
width: 75%;
overflow: hidden;
}
#
浏览 2提问于2016-02-15得票数 5
1回答
我在一个4x3的图片画廊工作，图片来自一个数据库。所有的图片都有不同的尺寸。使用Bootstrap和CodeIgniter，我为每个图像创建行和列。现在我希望宽图片适合行的高度，水平居中，隐藏水平溢出。我也希望高大的图片适合列的宽度，垂直居中，隐藏垂直溢出。就像Facebook一样。 边距-左:自动；边距-右:自动；不要居中图像。 我的索引页面： <h1><?=$title?></h1>
<?php $i = 1; foreach ($photos as $photo) {
if ( $i % 3 == 1 ) { ?>
浏览 62提问于2019-06-26得票数 2
回答已采纳
1回答
我的问题很难回答，我希望有人能帮我解决这个问题。
我正在建设一个网站，人们可以上传图片。
有些页面中的这些图片是垂直缩略图，但它们也可以上传口头图像。
缩略图中的图像显示为背景，而不是img标记！
我想做的就是：
检测图像中的脸并设置背景位置，以便在缩略图中居中。
我希望有人知道怎么做那样的事！
PS:为什么图像在背景中？拐角处-moz-，-webkit-和css3。
谢谢!
浏览 2提问于2011-03-22得票数 0
回答已采纳
3回答
我在居中放置一个比它的父元素大的图像时遇到了问题。我已经将最小宽度和最小高度设置为100%，这样图片将始终填满父元素。
当图像没有父元素的比例时，就会出现视觉问题。图像在右侧或底部被裁剪得太多。
我想我可以绕过这个问题，当我只是将图像居中，这样图片中最重要的部分就不会被裁剪。有没有办法让图片居中比它的父元素大？(不更改父元素ofc)
我宁愿看到面向css的答案，而不是javascript，因为在DOM中遍历大量图像时会出现性能问题。
以下是父中包含的两个图像的屏幕截图的一部分。图像大小还可以，但不能居中显示
浏览 1提问于2011-03-29得票数 2
回答已采纳
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
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
回答已采纳
2回答
我想做一个侧边栏，其中的文本是旋转和居中的侧边栏。我要的是文字和css，而不是背景图片之类的.
在css中，这样的事情会怎么做呢？
我试过使用transform: rotate(7deg);之类的东西，但我无法正确定位它。
具有基本结构。顶部应该在屏幕的左边(就像在图片中)。
这也必须是有反应的。单击菜单时，切换侧栏幻灯片，这样文本就可以很容易地用一些css/js隐藏起来。
谢谢
回答：
达林耶奥的回答对我来说是正确的选择。很多简单的组成div，你会(水平)，然后旋转整个div。
在div内旋转文本似乎更难正确定位所有响应性断点。
浏览 13提问于2016-05-28得票数 3
回答已采纳
嗨，我在一个不同大小的div中的图片下面有一些文本，文本已经是水平居中的，但我想使用jquery将这个文本垂直居中和水平居中。
我该怎么做呢？
下面是示例页面
谢谢,
Sat
浏览 0提问于2011-05-13得票数 0
1回答
有没有一种有效的CSS方法来居中显示多张图片？链接上的图像显示左侧对齐的图像，而我正在寻找将所有三个图像居中的方法，因此看起来图像位于图片上的文本下方。
看到包装器方法，看到显示“align=”，看到显示:块；在我的例子中不起作用。有效的方法是使用center标签，但我发现使用center标签手工编码每一组图像都很耗时。
浏览 1提问于2018-04-26得票数 0
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
回答已采纳
在我的首页上，我想居中显示目录视图(内容区标题为'Golfverzeichnis')：
要居中的CSS元素的名称: jrDirView
Problem-Description:图片和下方的左对齐链接应该保持不变，但是现在右对齐的整个目录视图区域应该居中，所以左右的空白是相等的。
浏览 3提问于2013-02-02得票数 0
回答已采纳
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
回答已采纳
1回答
让我的背景图片被所有浏览器支持？
、、、、
我有一个我的网站的背景图片，我已经设置为响应浏览器的大小并保持居中；当我在Chrome中调整大小时，它完全起作用。然而，背景图像不会出现在IE中，也不会出现在我的android手机的Chrome应用程序中，也不会出现在Safari上；基本上它只能在Chrome上运行。我应该怎么做才能使背景图像显示在所有设备和浏览器上，同时保持居中？
CSS：
html {
background-image: url("http://blog-imgs-65-origin.fc2.com/s/n/n/snnantn/20140317230845d64.jpg");
backgro
浏览 0提问于2015-01-28得票数 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
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
回答已采纳
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
我的CSS使数据表中的所有单元格居中，但第一列中的单元格居中，如下所示：
td {text-align:center}
td:first-child {text-align:left}
这一切都很好，除了第一列中的任意一个单元格跨多行的表格。当然，一张图片胜过千言万语，所以你可以这样做：
我知道我可以在有问题的单元格上使用内联CSS或类来使它们居中，但我希望有一个通用的解决方案，它不需要编辑本身。你认为如何？
浏览 1提问于2013-10-15得票数 0
1回答
我有一个flexbox里面的一排图像，内容居中对齐，项目居中对齐；即内容应该垂直和水平居中。 所有的图片看起来都很棒，直到我去把这些图片包在标签里，让它们可以点击。这样做会改变样式，将图像提升几个像素，这意味着它不再垂直居中。 在下面的图片中，我在图片后面放置了一个彩色div，以使它们更容易查看： This is how it looks with all the images wrapped in links This is how it looks with 2 images (UK and France) "unwrapped" from links 正如你所看到的，英
浏览 22提问于2020-03-28得票数 0
回答已采纳
1回答
为了调整我的图片大小，我使用了这个方法：
private Bitmap ResizeBitmap(Bitmap b, int nWidth, int nHeight)
{
Bitmap result = new Bitmap(nWidth, nHeight);
using (Graphics g = Graphics.FromImage((System.Drawing.Image)result))
g.DrawImage(b, 0, 0, nWidth, nHeight);
return result;
}
有没有可能在图片的顶部/底部或右侧/左侧创建一
浏览 2提问于2012-08-20得票数 0
回答已采纳
3回答
我使用tcpdf生成pdf文件。
并且在对齐表td中的图像时存在问题。
我正在使用tcpdf中的$pdf->writeHTML($html, true, false, true, false, '');。
html从我分享的图片中看得很清楚。html很简单，如下所示
<table>
<tr>
<td> </td>
<td>Picture</td>
.......
</tr>
<tr>
<td>1&
浏览 3提问于2013-07-16得票数 7
回答已采纳
3回答
我正在使用Divi 2.0主题为我的一个网站。我有一个问题，当尝试居中的文本在一个方框和对齐的文本居中的移动版本。我会附上我的标题桌面和移动版本的图片。在Divi css代码中，问题出在哪里？
我网站管理员的网址是
浏览 50提问于2017-08-07得票数 0
回答已采纳
2回答
我在把一些按钮和图片放在div的中心位置时遇到了一些麻烦。如下图所示：
现在你可以看到，按钮和图片等没有居中(可能值得一提的是，这些东西在表单标签中)。当然，我有一些测试文本会居中显示。
我的HTML的结构如下：
<div class="navigationButtons">
<form>
</form>
<p>Some tect that gets centered...</p>
</div>
和我的CSS：
.navigationButtons{
text-align:
浏览 3提问于2011-08-26得票数 1
回答已采纳
对于任何使用Nivo Slider的人来说，有没有什么直接的方法(或没有)在滑块上居中显示图像？我知道Nivo Slider的设计是为了显示完美“适合”盒子的图片(不像我使用它的方式)，但出于技术原因，我宁愿让图片居中，而不是让我所有的图片都完全适合Nivo盒子的宽度和高度。目前我的Nivo幻灯片看起来像这样：
抱歉，我没有提供任何我尝试的代码示例。我的CSS知识不是很好，我修复这个问题的大多数尝试要么是在web上寻找解决方案(并尝试应用所说的解决方案)，要么是尝试在样式表中随机使用一行代码来尝试解决问题。
如果你想知道我使用的是什么CSS文件，我使用的是默认的主题，可以从这里下载：
谢谢，
浏览 0提问于2012-02-03得票数 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回答
我对stackoverflow和HTML和CSS的使用都是新手，所以提前为我可能犯的任何新手错误道歉。 我的目标是创建一个带有选项网格的菜单，这些选项是图片，一旦你将鼠标悬停在其中一张图片上，它将变得模糊，相应的文本将出现在图片的中心。 我想放置这样的对象：https://codepen.io/Polyglotton/pen/BapOLBO 在响应式网格中。 这就是我到目前为止所拥有的；https://codepen.io/Polyglotton/pen/jOyvMQb 我遇到的问题是，一旦进入网格，文本就不再居中。我认为可能的解决方案是将文本放在它自己的<div>中，我已经尝试
浏览 23提问于2021-04-19得票数 1
这是的延续，我问过如何从中将数字居中(即文本返回)。我遇到的新问题是，我想要显示特定数据的进度条，并且希望将它们居中。我正在使用。但是，我的CSS似乎不起作用。我知道我应该能够将CSS应用于命名元素中的特定标记(或者我相信我可以)。
这是当前站点的图片：
我相信，如果我可以删除从谷歌进程继承的float: left;，并添加margin: 0 auto;，这将是所有的工作。
浏览 2提问于2014-11-05得票数 0
5回答
我试着在css中居中显示一张图片，但是我的代码无法工作。
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
<img src="mw3.gif" />
浏览 0提问于2015-02-18得票数 0
1回答
现在，我的两张图片都在左边。它们是并排的，但出于某种原因，它们没有居中。下面是我为他们编写的CSS代码：
img.photo{
float: left;
display: inline-block;
text-align: center;
margin: auto;
padding: 5px;
}
还有什么能让他们居中呢？
浏览 2提问于2015-08-10得票数 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
1回答
我有一个画廊在我的网站(koolcycles.com)下的主要图片，我想让它居中的页面(即有蓝色的虚线轴移动到的地方，红色线轴在所附图片)
我被告知需要更改CSS文件中的宽度。
我想知道我需要更改什么以及在哪里更改！
浏览 0提问于2015-10-12得票数 0
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
回答已采纳
2回答
我正在尝试在div中水平和垂直居中模式窗口。我希望它是跨浏览器兼容的。你可以从下面的图片中看到，当我调整IE8的大小，然后点击“显示模式”按钮，它显示的并不完全是水平居中。这似乎不是Chrome的问题。有什么想法吗？你们怎么做到这一点？
<html>
<head>
<title>test</title>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}
</style>
<scri
浏览 0提问于2010-04-14得票数 1
回答已采纳
在jsFiddle上查看我的代码：
HTML代码：
<div>
<img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" width="276" height="110" alt="Google China">
</div>
CSS代码：
div {
height: 118px;
line-height: 118px;
background: red;
}
img {
vertic
浏览 2提问于2012-02-16得票数 2
回答已采纳
我似乎没有意识到下面的设置与html和css。我需要3分钱：
标头(固定高度)
页脚(固定高度)
内容(固定的高宽比，必须居中且必须“尽可能大”)
我有一本书(一张图片)，我希望它尽可能大。我正计划将内容div作为背景图像放置。
我做这个模型是为了说清楚：
有人知道我是怎么意识到这一点的吗？
浏览 1提问于2013-05-23得票数 3
回答已采纳
2回答
在div中间对模态窗口进行中心化
、、、、
我试图在外部div的中间(垂直和水平)设置一个模态对话框窗口。我使用jquery插件作为模态窗口。这是我想要完成的事情的图片
正如您所看到的，从我的当前代码中可以看出，它几乎是居中的，但并不安静。这是我的javascript代码
$(id).css('top', $('#pagecontent').position().top + ($('#pagecontent').height() / 2) - ($(id).height() / 2));
$(id).css('left', $('#pagecontent')
浏览 0提问于2012-07-14得票数 0
1回答
根据浏览器大小改变大小的居中图像
、、、、
，我需要适应不同的屏幕尺寸。大部分都很简单，但我有一个幻灯片，它需要根据屏幕大小调整大小，并使图像在页面居中。图像比页面更宽，因此当大小改变时，两侧不会有空白。
全尺寸图片的宽度是4800px，但这会随着浏览器的大小而变化。
如果只有一种尺寸的图像居中的问题，我会使用
#image{left:50%, margin-left:2400px;}
但由于我根据可用的空间调整图片的大小，所以我可以随时显示图片的完整高度，因此显示的图像的宽度会发生变化，这种居中的方法是不好的。
那么，我如何使用javascript来检查当前的图像宽度和更改空白区-left属性，或者这可以在css中完成吗？
编辑以在此
浏览 2提问于2013-03-10得票数 0
3回答
我正在构建一个使用javascript和css的图片库查看器，但我无法将元素居中。我有一张向后箭头的照片，照片本身，以及下一个箭头。这3张照片是一张一张的，我需要把这三张照片都居中。感谢任何帮助，而且，我对css/javascript/html还是个新手，所以不要对我太苛刻。谢谢你，盖伊。
(你可以去guyzyl.org，进入任何图库，然后点击一张照片，看看我的意思，以及我试图居中的意思)
浏览 4提问于2012-05-18得票数 0
回答已采纳
6回答
我的问题是我不能将这张图片居中。我已经尝试了margin: 0和绝对位置，但似乎都不起作用。当涉及到html和css时，我是一个新手。我已经从html和css中清除了居中的尝试。
我希望图像居中，即使当网站窗口宽度改变，所以填充不起作用。
这是我的CSS
/* image and text setup container */
.container {
float: left;
position: relative;
width: 100%;
left: 0%;
right: 0%;
}
.imagetext {
text-align: left;
width: 5%;
position:
浏览 2提问于2016-04-05得票数 1
1回答
我正在使用在这个站点上找到的JQuery UI表：。
在我的选项卡中，我创建了带有图片的表。我编写了一些css代码，以使选项卡居中，但我希望使表(或内容)在选项卡主体内也是居中的。我假设我必须对这个类做一些css
Class=“ui-选项卡-面板用户界面-小部件-内容ui-角落-底部”
这是我的JsFiddle 。
为了使选项卡中心，我执行了这个CSS类：
.ui-tabs .ui-tabs-nav {
text-align: center;
}
.ui-tabs .ui-tabs-nav li {
float: none !important;
displa
浏览 2提问于2016-01-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
