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
回答已采纳
Xcode 4.2
我正在使用UIWebView并排显示两张图片。在肖像中，它们在两张图片的右边有一个很大的空间对齐，而不是居中对齐，看起来很奇怪。
有没有办法让它们居中对齐？
同样相关的，
如何在Xcode4.2的Nib文件中将显示内容转换为Landscape？
浏览 0提问于2012-01-04得票数 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
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
我很难在其他两张图片之间对着一个图像，所以它总是在中间，不管你用的是什么设备。我想居中的“时钟”图标，什么是最好的方式来实现这一点？
浏览 1提问于2015-03-01得票数 1
回答已采纳
2回答
我正在尝试编辑tumblr主题，使我的帖子在图片中居中(图片在div中)我尝试在CSS中为帖子和div设置相同的页边距，但我似乎无法使div中的图片在页面上正确居中。我想要的帖子是完美的水平居中的图像，即使当浏览器窗口调整大小。有人知道我是怎么做到的吗？有没有比把图像放在div中更简单的方法呢？下面是我的代码的链接
浏览 2提问于2013-08-04得票数 0
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回答
我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。
我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。有没有办法同时完成这两项任务？
编辑：
就像这张照片上的一样。我的意思是图片应该居中，不同的高度：
浏览 6提问于2013-12-24得票数 0
2回答
动态大小的图像对中
、、、
我使用PHP脚本自动调整图片的大小，使其符合给定的高度和宽度(例如:原始图片为200x100px，目标框为180x180px，调整大小的图像为180x90px)。
它工作得很好，但是通常用来在div中对图像进行居中的CSS技巧似乎需要你提前知道尺寸。
我找到的唯一解决办法是将外部div定义为display:table;，将包含图像的div定义为display: table-cell;vertical-align: middle;text-align:center;。
还有别的办法吗？
浏览 0提问于2012-07-22得票数 0
在我的首页上，我想居中显示目录视图(内容区标题为'Golfverzeichnis')：
要居中的CSS元素的名称: jrDirView
Problem-Description:图片和下方的左对齐链接应该保持不变，但是现在右对齐的整个目录视图区域应该居中，所以左右的空白是相等的。
浏览 3提问于2013-02-02得票数 0
回答已采纳
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
1回答
我想创建一张A4图片(2480x3508)，底部有一张图片，顶部有一个文本框。当然，我希望所有东西都居中对齐。
示例：
+---------------------------------+
| |
| +---------------------------+ |
| | TEXT BOX | | The TEXT BOX size is 2352x376 pixels
| +---------------------------+ | Its offset is +64+6
浏览 5提问于2017-07-20得票数 0
回答已采纳
2回答
我正在通过Qt's Active Qt模块生成一个Word文档。
我能够写到文档中，指定该书写的“样式”(粗体、斜体、合理解释等)。并查询它的不同部分。
现在，我正在尝试显示一张图片，并将其定位在页面的中心。
用于插入图片：
QAxObject word( "Word.Application" );
QAxObject* activeDocument = word.querySubObject("ActiveDocument");
QAxObject* activeWindow = activeDocument->querySubObject(
浏览 6提问于2014-12-11得票数 0
回答已采纳
3回答
我在居中放置一个比它的父元素大的图像时遇到了问题。我已经将最小宽度和最小高度设置为100%，这样图片将始终填满父元素。
当图像没有父元素的比例时，就会出现视觉问题。图像在右侧或底部被裁剪得太多。
我想我可以绕过这个问题，当我只是将图像居中，这样图片中最重要的部分就不会被裁剪。有没有办法让图片居中比它的父元素大？(不更改父元素ofc)
我宁愿看到面向css的答案，而不是javascript，因为在DOM中遍历大量图像时会出现性能问题。
以下是父中包含的两个图像的屏幕截图的一部分。图像大小还可以，但不能居中显示
浏览 1提问于2011-03-29得票数 2
回答已采纳
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回答
现在，我的两张图片都在左边。它们是并排的，但出于某种原因，它们没有居中。下面是我为他们编写的CSS代码：
img.photo{
float: left;
display: inline-block;
text-align: center;
margin: auto;
padding: 5px;
}
还有什么能让他们居中呢？
浏览 2提问于2015-08-10得票数 0
1回答
有没有一种有效的CSS方法来居中显示多张图片？链接上的图像显示左侧对齐的图像，而我正在寻找将所有三个图像居中的方法，因此看起来图像位于图片上的文本下方。
看到包装器方法，看到显示“align=”，看到显示:块；在我的例子中不起作用。有效的方法是使用center标签，但我发现使用center标签手工编码每一组图像都很耗时。
浏览 1提问于2018-04-26得票数 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
回答已采纳
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回答
为了调整我的图片大小，我使用了这个方法：
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
回答已采纳
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
回答已采纳
在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
回答已采纳
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
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
回答已采纳
2回答
我不知道如何在我的手机网站上居中显示这张图片。
这是我正在使用的代码，我是CSS的初学者，所以我相信这是一个简单的修复。只是需要一些帮助。谢谢
#emotion-header-img {
display:none;
}
#emotion-header {
height:100px !important;
background-image:url("http://u.jimdo.com/www36/o/se9b04d2fd0388f99/emotion/orig/header.png") !important;
background-repeat:
浏览 2提问于2015-06-20得票数 1
3回答
我正在构建一个使用javascript和css的图片库查看器，但我无法将元素居中。我有一张向后箭头的照片，照片本身，以及下一个箭头。这3张照片是一张一张的，我需要把这三张照片都居中。感谢任何帮助，而且，我对css/javascript/html还是个新手，所以不要对我太苛刻。谢谢你，盖伊。
(你可以去guyzyl.org，进入任何图库，然后点击一张照片，看看我的意思，以及我试图居中的意思)
浏览 4提问于2012-05-18得票数 0
回答已采纳
4回答
非常新的HTML和CSS，但阅读了很多希望和学习。
我有5张人像的水平行，我想把图片的名字直接放在下面，在每一张图片下面居中。
这就是我写的HTML：
<div id="members_hz">
<center>
<img src ="images/kathy.jpg" height="150px" width="150px" alt="kathy">
<img src ="image
浏览 2提问于2013-10-03得票数 2
回答已采纳
我想看图片，其中比较高，图像高度大得多，然后屏幕高度。我可以通过Alt+Down_arrow轻松地在feh中向下滚动图像。为了实现这一点，我从选项开始：
feh --zoom 100 -F *.jpg
问题是，所有的图像都集中在屏幕上，我必须向上滚动，然后向下滚动，而不是向下滚动，以查看不适合屏幕的部分。
不幸的是，我找不到任何选项告诉feh将图像的左上角定位到屏幕的左上角，或者是水平居中，但是将图像的上部与屏幕的上部对齐。
如何启动图像查看器feh开始在全屏，缩放图片100%，并始终显示从左上角，而不是居中？
浏览 0提问于2021-11-07得票数 0
对于任何使用Nivo Slider的人来说，有没有什么直接的方法(或没有)在滑块上居中显示图像？我知道Nivo Slider的设计是为了显示完美“适合”盒子的图片(不像我使用它的方式)，但出于技术原因，我宁愿让图片居中，而不是让我所有的图片都完全适合Nivo盒子的宽度和高度。目前我的Nivo幻灯片看起来像这样：
抱歉，我没有提供任何我尝试的代码示例。我的CSS知识不是很好，我修复这个问题的大多数尝试要么是在web上寻找解决方案(并尝试应用所说的解决方案)，要么是尝试在样式表中随机使用一行代码来尝试解决问题。
如果你想知道我使用的是什么CSS文件，我使用的是默认的主题，可以从这里下载：
谢谢，
浏览 0提问于2012-02-03得票数 1
回答已采纳
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
回答已采纳
1回答
使列表从左侧居中
、、、、
我有一个无序的列表，里面有相当大的图像。现在，我想看看有没有什么css代码可以用来将列表居中，使第一张图片正好出现在页面中间？
看看这张图片，我的意思是：
有没有什么办法可以用css做到这一点呢？或者甚至是javascript？
浏览 1提问于2012-04-20得票数 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
回答已采纳
我的CSS使数据表中的所有单元格居中，但第一列中的单元格居中，如下所示：
td {text-align:center}
td:first-child {text-align:left}
这一切都很好，除了第一列中的任意一个单元格跨多行的表格。当然，一张图片胜过千言万语，所以你可以这样做：
我知道我可以在有问题的单元格上使用内联CSS或类来使它们居中，但我希望有一个通用的解决方案，它不需要编辑本身。你认为如何？
浏览 1提问于2013-10-15得票数 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回答
居中div的最小左边距
、、、
有没有一种"css“方法可以让居中的div表现得好像有最小的左边距？我希望一个居中的div在页面上居中，除非该页面的宽度小于某个特定值。类似于以下内容：
.centred { width: 400px; margin: 0 auto; min-margin-left: 200px; }
我知道min- could left并不存在，但是我如何才能做到这一点呢？下面是一个图片示例。我认为灰色边框是浏览器，蓝色框是我的“居中”div。
浏览 4提问于2013-10-03得票数 2
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
回答已采纳
这是的延续，我问过如何从中将数字居中(即文本返回)。我遇到的新问题是，我想要显示特定数据的进度条，并且希望将它们居中。我正在使用。但是，我的CSS似乎不起作用。我知道我应该能够将CSS应用于命名元素中的特定标记(或者我相信我可以)。
这是当前站点的图片：
我相信，如果我可以删除从谷歌进程继承的float: left;，并添加margin: 0 auto;，这将是所有的工作。
浏览 2提问于2014-11-05得票数 0
2回答
我试着在一个盒子里插入一张图片(图片中间的那个)，如下图所示： ? 我有下面的代码： <div id="img-div">
<img src="/images/NelsonM.JPG" alt="Nelson">
<figcaption>Nelson Mandela</figcaption>
</div> 我的css是： #img-div {
text-align: center;
} 图片是居中的，
浏览 20提问于2020-07-09得票数 0
1回答
我对stackoverflow和HTML和CSS的使用都是新手，所以提前为我可能犯的任何新手错误道歉。 我的目标是创建一个带有选项网格的菜单，这些选项是图片，一旦你将鼠标悬停在其中一张图片上，它将变得模糊，相应的文本将出现在图片的中心。 我想放置这样的对象：https://codepen.io/Polyglotton/pen/BapOLBO 在响应式网格中。 这就是我到目前为止所拥有的；https://codepen.io/Polyglotton/pen/jOyvMQb 我遇到的问题是，一旦进入网格，文本就不再居中。我认为可能的解决方案是将文本放在它自己的<div>中，我已经尝试
浏览 23提问于2021-04-19得票数 1
我有一个链接，后面有一张图片，图片应该居中。我需要定位链接和图像，使他们在水平中心，但偏移到左边的一些像素。
我有一个固定宽度的网站，这是居中的页面，这些链接必须在相同的位置，无论屏幕分辨率。
以下是一幅ascii图，以帮助解释我的意思：
___________________________________
| | | |
| | | |
| | | |
| |<>
浏览 4提问于2010-08-12得票数 1
1回答
我想传递一些变量到我的头像的图像url中，但这似乎不起作用。
renderItem = ({ item }) => (
<ListItem
title= {item.name}
subtitle={
<View style={styles.subtitleView}>
<Text style={styles.ratingText}>Price: {item.price}</Text>
<Text style={styles.ratingText}>Sto
浏览 0提问于2018-08-20得票数 0
我有一个wordpress网站，我想垂直居中的文字图像。例如，可以看到下面的屏幕截图。我如何调整我的图片和文字，如下图所示的css。 图像： ?
浏览 22提问于2021-03-27得票数 0
1回答
我经常面临着从一组图片生成PowerPoint这一繁琐的任务。每一张图片都要放在它自己的幻灯片中，居中和放大，这样它就能填充屏幕。是否有办法在存储库中使用OpenOffice、Python或其他工具来做到这一点？
浏览 0提问于2010-12-19得票数 6
回答已采纳
1回答
根据浏览器大小改变大小的居中图像
、、、、
，我需要适应不同的屏幕尺寸。大部分都很简单，但我有一个幻灯片，它需要根据屏幕大小调整大小，并使图像在页面居中。图像比页面更宽，因此当大小改变时，两侧不会有空白。
全尺寸图片的宽度是4800px，但这会随着浏览器的大小而变化。
如果只有一种尺寸的图像居中的问题，我会使用
#image{left:50%, margin-left:2400px;}
但由于我根据可用的空间调整图片的大小，所以我可以随时显示图片的完整高度，因此显示的图像的宽度会发生变化，这种居中的方法是不好的。
那么，我如何使用javascript来检查当前的图像宽度和更改空白区-left属性，或者这可以在css中完成吗？
编辑以在此
浏览 2提问于2013-03-10得票数 0
5回答
我试着在css中居中显示一张图片，但是我的代码无法工作。
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
<img src="mw3.gif" />
浏览 0提问于2015-02-18得票数 0
我试着用图片对文本进行垂直居中，
项目点是使用的，但我看到的重点点和文字被推到底部每次(即)。
我现在有这个HTML (没有CSS)：
浏览 2提问于2014-01-22得票数 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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
