如何在此div中居中显示这些图像？
要在一个div中居中显示多个图像，可以使用以下方法：
- 使用Flexbox布局：将div的display属性设置为flex，并使用justify-content和align-items属性将图像居中显示。
<div style="display: flex; justify-content: center; align-items: center;">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
<img src="image3.jpg" alt="Image 3">
</div>- 使用绝对定位和transform属性：将div设置为相对定位，图像设置为绝对定位，然后使用transform属性将图像居中。
<style>
.container {
position: relative;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div class="container">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
<img src="image3.jpg" alt="Image 3">
</div>这两种方法都可以实现在div中居中显示多个图像的效果。对于云计算领域中的相关名词，产品和介绍链接地址，不在提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商范围内，无法为您提供相关的腾讯云产品和链接信息。
相关·内容
我目前有一个图像显示时，鼠标悬停在一个div…但是我只知道如果一个"div“有一个”align=“的属性”居中“，那么在鼠标旁边显示的图像是什么，如果没有，那么我就不想显示图像了？
我想我已经很接近了，但是我不知道如何调用var "divalign“属性，我花了一整晚的时间在上面:S
$(document).ready(function() {
var $img = $("#MainImage");
$img.hide();
var divalign = $("div").attr("align="cent
浏览 0提问于2012-11-16得票数 0
初学者iOS在这里，我正在尝试制作一个闪屏，图像显示在编辑器中，但不是在模拟器上。我放置了一个图像视图，并将图像设置在右上角。我如何让它在模拟器中显示？
编辑:尝试使用不同的约束，仍然没有图像，但现在文本居中，所以这是一个加号
浏览 2提问于2016-11-13得票数 1
如果我将图像位置设置为居中，大小设置为contain，并设置为no-repeat，则整个背景图像将居中显示，但一旦我设置为cover，背景图像将被剪切，其他设置将拉伸图像。问题是，对于像div这样的容器，如何将整个图像显示为背景图像，取该容器的大小，并仍然显示整个图像而不是拉伸？
浏览 1提问于2017-10-08得票数 1
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
我正在尝试在标题div中对齐三个图像。我需要一个图像在左边-曾经居中-和一个图像在右边。我把左边的图像和居中的图像放在适当的位置。但是，我无法获得需要在右侧显示在居中图像右侧的图像。如果我浮动:左居中的图像，它会弄乱我的居中图像在不同的浏览器。我想要显示在右侧的图像显示在居中图像的左侧。如何将它放在居中图像的右侧？非常感谢。
下面是我的代码：
HTML：
<div class="header">
<div class="headerLeft">
<img src="salogo_lg.jpg"
width=&#
浏览 3提问于2015-01-05得票数 2
2回答
我有一个网站与一个居中的固定宽度的div ( div是居中使用空白处-左:自动)。现在我想在这个div的左边和右边显示一些图片。图像不应影响浏览器窗口的滚动。如果分辨率太小，图像应该被切掉，而不是在浏览器中显示滚动条。但是如果没有足够的空间放置居中的div，应该会出现一个滚动条。
如何才能做到这一点？
编辑:此处提供没有左侧/右侧图像的站点：
浏览 1提问于2012-04-01得票数 0
回答已采纳
1回答
我正在使用Facebook从Facebook页面中提取6张照片，并在div中显示它们。无论照片大小如何，我都希望包含的div是方形的，但是我希望图像的裁剪取决于照片的方向。
例如，如果图片是在纵向模式下拍摄的，我希望div中图像的宽度与div的宽度相同，并按比例缩放高度(将图像垂直地放在div内)。
如果图像是在景观模式下拍摄的，我想缩放图像，使高度等于div的高度，宽度按比例缩放(在div内水平居中)。
我假设这需要一些Javascript，对于解决这个问题的最佳方法有什么建议吗？
谢谢!
浏览 2提问于2014-04-23得票数 0
回答已采纳
5回答
使内嵌块DIV居中
、、、
有谁知道如何居中对齐的显示设置为行内块的DIV？
我无法将显示设置为block，因为我有一个需要重复的背景图像，并且它需要根据内容进行扩展。它位于父div的内部，当涉及到宽度时，父div会更大。
所以总而言之。有没有人有办法将div与设置为inline-block的显示居中对齐？
和no，text-align: center；不起作用，边距:0自动；
jsFiddle：
谢谢!
浏览 3提问于2012-04-13得票数 8
回答已采纳
2回答
我有下面的头代码。当我更改为不同大小时，图像不会居中。如何使图像居中显示所有大小的视图。
<div class="jumbotron">
<img src="images/header.jpg" alt="Banner" class="img-responsive">
</div>
浏览 2提问于2017-02-02得票数 1
如何使图片水平居中，同时与容器底部对齐？
我已经能够让图像在水平方向居中。我还可以自己对齐容器的底部。但我不能同时做这两件事。
这就是我所拥有的：
.image_block {
width: 175px;
height: 175px;
position: relative;
margin: 0 auto;
}
.image_block a img {
position: absolute;
bottom: 0;
}
<div class="image_block">
<a href="...">&
浏览 2提问于2008-11-18得票数 40
回答已采纳
2回答
我试图使2个图像和这些图像之间的文本顶部栏。但是我不能把文本居中。我正在为移动设备做这件事。
这是我的html
<img src="1.jpg" />
Company Name
<img src="2.jpg" />
我尝试了下面的代码，但不起作用。我无法将文本居中
<div style="float:left"><img src="1.jpg" /></div>
<div>Company Name</div>
<div style="
浏览 1提问于2013-06-12得票数 0
回答已采纳
我想知道在不知道父div高度的情况下，是否有人知道如何在父div中垂直居中子div？
我有一个pinterest样式的画廊页面(图像)，在悬停时，我会在图像顶部显示一个div，其中包含有关该图像的信息。因为每个图像可能有不同的高度，所以我不知道如何将子内容居中到父div的中间。
我正在使用jQuery石膏插件来创建布局。
目前我有一个包含图像的外部div。一个内部div，背景颜色为白色(或其他任何颜色)，位置为0,0，宽度和高度均为100%。这一切都很好用，我已经能够通过简单地使用text-align: center来水平居中；
非常感谢！
浏览 3提问于2013-02-01得票数 0
回答已采纳
1回答
我有一个1200px宽的div，在那个div里面我有另一个隐藏溢出的div。此div具有随机数量的图像，这些图像彼此相邻。图像的大小也是随机的。这就像一个狂欢节: 1200px div中间的图像是活动图像；在该图像的侧面，您可以看到另一个图像。如果用户单击这些图像中的任何一个，我将动画显示图像所在的UL元素的边距，以便单击的图像在1200px div中居中。我目前的方法没有完美地居中选定的图像，这里有谁有我可以使用的公式吗？
现在，我使用它来计算新的左边距值(向左转)：
parseInt($('.images').css('margin-left'))
浏览 1提问于2013-03-25得票数 0
我正在使用HTML5全屏模式和全屏父div，在这种模式下，我想垂直居中显示图像，但前提是图像比父div小(即。屏幕尺寸)。我还希望将图像限制为父图像的max-height = 100%，以避免在图像大于屏幕时放大。
我可以使用两个display:table (一个div，另一个div)居中显示图像，但不能同时将图像max-height设置为不大于父div。我可以使用position:absolute; max-height:100%;来实现后者，但是在较小的图像上居中就不起作用了。
示例标记：
<div id="fullscreen-container">
浏览 0提问于2012-06-04得票数 1
1回答
我正在尝试显示一个包含图像元素的div元素，当图像太大或变得太大而无法显示在屏幕上时，会显示滚动条。该div元素包含在一个父div中，该父div用于将其内容水平居中，除了前面提到的div及其图像之外，还有另外两个div元素，一个在image-div的左侧，另一个在image-div的右侧。
但是，当图像不够宽时，图像的右侧会显示一个空白区域。
我不想增加图像的大小。当图像显示宽度小于100%时，我希望包含图像的div缩小以适合图像。当图像为100%或更高时，我希望父div变大，但不能大于屏幕大小。具体地说，我不希望图像变得太大，以至于导致网页开始滚动到页面底部。
下面是显示我所说的内容的代码。
浏览 17提问于2020-02-24得票数 0
回答已采纳
7回答
假设你有一个包含Jekyll的博客网站，博客帖子集中在页面上。我想要内容(即段落、单词、代码等)向左对齐，但图像居中。
我有文本等左对齐，但现在我正在努力让图像(谁有一个CSS风格的max-height: 80%)居中以及。
似乎Jekyll的博客生成器(来自Markdown)将图片包装在<p></p>标签中，这样margin: 0 auto就不会将图片居中。我附加了下面的代码片段：
<li>
<h2 class="post-title">Hello World</h2>
<div class=&
浏览 0提问于2014-05-23得票数 22
3回答
我尝试在居中文本的左侧显示图像！但我所做的唯一一件事就是居中显示图像+文本！我只希望文本水平居中，然后图像在他的左边，两者都垂直居中
<div id="the-block"><div class="titleproduct" style="text-align: center;"><img itemprop="image" src="large.png" id="theimage" alt=""align="middle">BLab
浏览 1提问于2018-02-07得票数 1
2回答
我正在努力弄清楚我将如何去创建一个网站，有3个独立的‘层’(顶部导航，然后内容，然后页脚)，每个都有一个不同的背景图像，瓷砖到100%宽度…但我希望我的内容居中(就好像包含的div有空白处:0自动应用)。
到目前为止，我一直在尝试创建仅用于背景图像的div，然后绝对定位我的内容div，但允许它们自动居中。
但在corse中，我从文档的“流”中提取元素，因此我的背景图像div最终堆叠在一起。
这真的很难解释，所以希望这个例子能有所帮助：
正如你所看到的，我有我的蓝色div，背景伸展到100%，但我希望我的导航和一个大图像在这里居中。
我的身体是绿色的，然后是hp_content分区，这将是我所
浏览 0提问于2012-10-17得票数 1
回答已采纳
我有下面的css，在chrome和safari居中显示绝对定位的图像。
.productImg {
width: 100%;
position: absolute;
left: 50%;
margin-left: -50%;
}
然而，在internet explorer 7中，这不会使图像居中。相反，图像停留在容器div的左侧。我的问题是，如何让上面的脚本在ie7中工作？
浏览 0提问于2013-08-14得票数 2
回答已采纳
5回答
我正在寻找一种方法来创建工具栏按钮uisng jquery ui。
我尝试使用以下命令创建按钮
<div id='menubar_home' style='vertical-align: middle;width: 20px; height: 20px;'>
</div>
并使用
$('#menubar_home').button({
icons: { primary: "ui-icon-home" }
});
但按钮中的图像未居中：
如何在按钮中居中显示图像？
浏览 0提问于2011-11-27得票数 7
回答已采纳
3回答
您好，我正在使用这段代码在jquery mobile中居中图像，它在iphone模拟器中居中图像，但当我在iphone上检查它时，它并没有准确地居中(居中本身，但不完全是)本身，而是倾向于向左。
<div data-role="content" data-theme="a">
<div id="logo_image">
<img src="images/logo.png" alt="Image Header" >
</div>
<
浏览 1提问于2012-02-13得票数 4
回答已采纳
2回答
我希望能够在导航栏中居中显示一些文本或图像，这就是我正在做的事情。
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="text-center navbar-text"
浏览 1提问于2014-12-13得票数 1
3回答
当你编辑一篇文章时，Wordpress使用一个功能将图片完全居中在一个缩略图上，所以当我编辑这篇文章时，它看起来是这样的：
我正试着在wordpress页面上以这种方式显示图片，但我不知道如何创建一个函数，就像使用wordpress来实现那样：
$s_x = floor( ($orig_w - $crop_w) / 2 );
$s_y = floor( ($orig_h - $crop_h) / 2 );
所以它在我的页面上是这样的：
它只是从顶部显示，所以它剪切图像，没有居中或调整大小
这是我的标记：
echo '<div class
浏览 0提问于2012-10-24得票数 1
回答已采纳
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回答
我在谷歌中询问了如何将设计为徽标的图像居中。将其放入<div> tag <span> <p>中。在CSS类规则显示中输入:块；边距:0 auto；依此类推。在index.html中输入伴随文本。它仍然显示在浏览器窗口的左上方。下一步要尝试什么？
浏览 0提问于2020-04-02得票数 0
我一直在尝试在<div>中水平居中一个宽的<img>元素，它没有图像本身那么宽。<div>上设置了overflow: hidden。
例如，图像是500px宽的，而DIV是250px宽的。是否有任何清晰的方法(使其适用于任何尺寸的图像)使图像居中，以便只在div中显示中心部分。
浏览 3提问于2013-07-29得票数 2
我有几个div的图片在我的文章中，我使用最大宽度/高度和overflow:hidden裁剪图像，这很好用，但它是从顶部裁剪图像，我希望它们在div中垂直居中。
.image_div {
max-height: 150px;
max-width:99%;
overflow: hidden;
margin:0px;
text-align:center;
}
.image_div img {
}
我使用max-width/height来避免出现大块空白，以防图像很小。我正在寻找的css是可能的吗？
还应该提到一个CSS3解决方案将是伟大的，因为这是一
浏览 0提问于2012-10-03得票数 1
我正在尝试在背景图像中居中嵌入的视频。你可以看到背景图片和YouTube视频并没有在彼此中间居中。以下是指向该示例的链接：
我通过将视频嵌入到div中并将其居中来做到这一点。我还尝试将背景图像居中。下面是我使用的代码：
<div style="text-align: center;">
<iframe width="640" height="360" src="http://www.youtube.com/embed/LBJJ4s6VAz4?rel=0" frameborder="0
浏览 1提问于2012-10-02得票数 1
4回答
我正在尝试使用css将图像水平居中。
我用下面的HTML代码在屏幕上显示我的图像：
<div id="loading" class="loading-invisible">
<img class="loading" src="logo.png">
</div>
我裁剪我的图像，因为我只想显示图像的一部分，我使用以下css：
img.loading
{
position:absolute;
clip:rect(0px,681px,75px,180px);
}
然而，我不知道如何居中的
浏览 6提问于2012-08-08得票数 64
回答已采纳
在wordpress中，我想要显示一个高度减小但宽度和比例保持不变的图像。图像大小为400px，高度为300px。我想要它400px大，但只有200px高，居中。
这个解决方案可能会对我有所帮助，但它使用了div？，但我不能在图像周围添加任何div，因为wordpress不会创建任何div。也许我可以使用PHP ou JS创建一个div？
下面是Wordpres创建的html：
<p>
<a href="http://finance.blog.lemonde.fr/files/2012/09/IMG-20120909-00051.jpg">
浏览 1提问于2015-02-27得票数 0
1回答
我有两个背景图像堆叠在一起。根据ajax调用的结果，将顶部图像向上滑动以显示其后面的图像。我有以下布局： <div id="bg_before"><img class="bg_image"></div>
<div id="bg_after"><img class="bg_image"></div> 上传的图像将根据用户的选择而有所不同。CSS如下： #bg_before, #bg_after {
position: absolute;
top
浏览 19提问于2020-03-19得票数 0
回答已采纳
4回答
我有一个固定大小的<div>，比如height:100px和width:100px。我必须在这个<div>中显示大小未知的图像，以便出现以下情况：
图像宽度> div宽度
图像宽度< div宽度
图像宽度= div宽度
像高>分高
图像高度< div高度
图像高度= div高度
无论如何，在支持传统浏览器的情况下，最好的跨浏览器策略是以以下标准显示它们：
图像周围无空白
良好的居中(水平和垂直)如果溢出
浏览 3提问于2014-01-21得票数 6
回答已采纳
一个简单的用例场景是使用图像或Bootstrap列中的任何其他内容。通常，这些内容需要水平居中。
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-4 text-center">
<img class="img-responsive" src="img/some-image.png" title="this im
浏览 2提问于2015-05-29得票数 71
3回答
我有点无法理解它，它也很难找到适当的解决方案在网上/这里，因为它很难制定。
基本上，我想要的是像一个中心的理由与左对齐的图像。因此，它应该是一个居中的动态宽度父div (宽度取决于浏览器的宽度)，它持有显示在一行中的图像的div，但应该留出一条新行。
我对用实现这个目标没有问题。居中的砖石显示了我想要的行为。如果您调整浏览器的大小，父div将调整其宽度，而childs将自己重新定位并“填充一行”，保持“居中”。但没有“填充线”将保持左对齐。
有没有一种方法可以达到div的完全相同的行为(没有动画，即^^)，而不使用js或其他任何东西？我希望我的意思是清楚的。提前感谢！
浏览 4提问于2013-07-24得票数 3
回答已采纳
6回答
(忽略div突出显示，它的结构没有被使用)
无论我如何尝试，“阅读更多”图像(第61行)拒绝水平居中和响应式居中。在中，它响应像素测量，而不是%测量。
到目前为止，我已经看了大约15篇文章，我不能再浪费时间了。有没有人能解决Read More图片不居中的问题？它也应该具有响应性。我能想到的唯一原因是它没有居中是因为bootstrap，但我怀疑这一点。
该图像当前位于class=“class=-more”的div内的一个链接标记中。图像似乎完全忽略了margin left和margin right属性。
.read-more img{
display:inline-block;
paddi
浏览 1提问于2016-03-23得票数 0
9回答
我附上了一张我的页面看起来像什么的图纸。页面的宽度为980px，图像的宽度几乎为1200px。我想要实现的是使页面居中，并显示尽可能多的图像，同时也保持图像居中。我尝试绝对定位图像，但是在移动设备上，浏览器页面被设置为图像的宽度，并且内容没有居中。
基本上，可能有一些屏幕不会向用户显示整个图像，而是只显示适合屏幕的部分。
CSS：
.page_container {
width: 980px;
margin: 0 auto;
}
.image {
position: absolute;
left: 0;
right: 0;
}
HTML：
<body>
<div cla
浏览 0提问于2013-06-10得票数 11
我被难住了。我想要创建这样的东西： ? 背景是相同的图像，但模糊了。限制是图像必须在容器中居中 我有这样的东西： <div className="image-container">
<img className="image-to-show" url>
<div className="image-bg"/>
</div> 我的问题是要显示的图像必须在中间对齐。我有过 .image-container{
display:flex,
align:center
}
img.image-
浏览 29提问于2020-01-21得票数 0
6回答
如何将响应图像居中
、、、
无论是在手机上还是在分辨率更高的电脑上观看，我都不知道如何在制作一张响应式图像的同时使图像居中显示。
我使用的是css类.img-responsive，但它总是会让图像左对齐。我检查了该类设置的字段，但找不到如何组合不同的样式，以便图像具有响应性并同时居中。
它是一个简单的图像，包含在用row-fluid类指定的div或article中。
浏览 0提问于2014-06-02得票数 0
3回答
我有一种简单的方法来显示一系列水平中心的图像，方法是根据图像数量在CSS中更改.container {width: 20%;} (即5幅图像=宽度: 20%；4幅图像=宽度: 25%，3幅图像=宽度: 33.333%等等)。
但是，我在垂直对整组图像时遇到了问题。例如，我尝试过margin: auto，但没有成功。下面的代码。
问题：
如何在页面上垂直地对下面的图像序列进行居中？
图像：
它当前的显示方式，位于垂直顶部：
如何显示，放置在垂直中心：
div.box
img {
width: 100%;
height: auto;
ba
浏览 2提问于2017-04-29得票数 0
2回答
我正在尝试在div中创建一行三个居中的图像。图像和div将在页面居中。图像将在div中，这是我到目前为止的代码：
HTML/PHP
<?php
$resultSet = $db->query("SELECT * FROM table");
if ($resultSet->num_rows != 0)
{
while ($rows = $resultSet->fetch_assoc())
{
$id = $rows["
浏览 0提问于2015-12-17得票数 1
2回答
我有一个非常简单的测试html站点，如下所示：
<html>
<body>
<div style="height:500px">
<img style="height:200px; vertical-align:middle;" src="http://i.imgur.com/BidLR.jpg" />
</div>
</body>
</html>
但是图像不会在div中垂直居中显示。(至少在Google Chrome中是这样)。图像居中渲染需要什么？
浏览 0提问于2012-09-27得票数 1
回答已采纳
问候，我有一个带有谷歌图表的html页面，我希望它是水平居中。对于图表的div，我使用了空白区:0自动。它在Chrome的屏幕版本的中间，图像显示了我在打印机版本中得到的东西，这不是很漂亮。
<div style="margin: 0 auto" id="maChart"></div>
如何才能将google图表居中显示？如果可能的话，我希望知道一种方法，可以在多个主要浏览器，例如。safari、chrome、edge和IE。
谢谢。
浏览 0提问于2018-09-11得票数 0
0回答
我正在尝试弄清楚如何使用Bootstrap列出要在响应行中显示的图像。这是刚刚为这篇文章修改的通用代码。现在，图像显示在行的左侧，而不是居中。我还尝试在图像中添加了center-block类。这并没有改善情况。
还有其他建议吗？
<div class="text-center">
<div class="row">
@foreach ( $images as $count => $asset)
<div class="col-6 col-sm-4 col-md-2&#
浏览 0提问于2017-11-22得票数 0
我试图居中的图像(在我的小提琴例子中的可口可乐的“可口可乐”)是在一个绝对的元素.itemDisplay没有固定的宽度。
我认为没有固定的宽度是一个问题，因为它似乎阻止了图像的居中。
有很多关于绝对元素居中的答案，但我找不到任何适合多列的答案，而不是只剩下50%的答案，等等。.itemDisplay位于一个名为.parentItem的div中，该div占屏幕的32%，具有一些填充和边距，每行有3个。
所有3列都将有自己的图像，但我只做了第一个作为示例。
当包含古柯图的div悬停时，它当前显示了一个隐藏的div，其中有可乐，图像居中工作正常，我唯一的问题是古柯图居中。
我已经尝试了所有的答案，但
浏览 0提问于2017-09-12得票数 0
1回答
我有一个图像表(每个图像都在它自己的td中)，我有一个div，其中包含可以在图像上执行的操作。当我将鼠标移到图像上时，我会将div显示在图像的顶部。我现在使用的是jQuery UI Position插件。我已经编写了实现这一点的javascript。每个图像都有一个名为'cam‘的属性，所以我使用了一个选择器来连接mouseover事件。包含命令的div的id为'dvCamControl‘。
问题是我似乎不能让div在图像上居中。
代码：
$('[cam]')
.mouseover(function() {
浏览 0提问于2011-04-11得票数 2
回答已采纳
3回答
我使用公式方法在div中居中显示图像。
这是链接：
我不知道公式中出了什么问题，图像没有居中。我的意思是我既要垂直的也要水平的
请帮帮忙。
浏览 3提问于2013-12-12得票数 0
3回答
如何在这里将跨度和图像垂直居中？
<div id="foo">
<span>Im great</span>
<image src="">
</div>
div {
height:350px;
background:yellow;
}
div span{
line-height: 350px;
background: red;
}
当我删除图像时，跨度是居中的，但如果我添加图像，跨度不是居中的，任何more..why？
浏览 1提问于2013-01-28得票数 0
我正在尝试将一些文本垂直居中显示在鼠标悬停的图像上。我找到了一个解决方案，可以在mac (10.7.2)上使用chrome (15.0.874.106)，但它似乎在Safari (5.1.1)中有问题，奇怪的是，因为它们都是基于webkit的。我相信在Firefox中也有同样的问题。
在chrome中，文本相对于父div垂直居中，但在Safari中似乎居中于正文或窗口。是我做错了什么，还是有人有更好的解决方案？
jsbin：
CSS：
.content {
width: 300px;
position: relative;
}
.content-text {
width
浏览 3提问于2011-10-28得票数 0
回答已采纳
2回答
我想在我的网页上有一张图片。图像应该在页面居中，并且它的右侧应该有一个文本，如下所示： ? 我当前用来显示居中图像的CSS代码如下： .inlineimage {
text-align:center;
width:100%;
display:block;
margin:auto;
} 我这样使用它： <div class="inlineimage">
<picture>
<source
media="(max-width: 900px)"
srcse
浏览 23提问于2020-01-31得票数 0
回答已采纳
9回答
可以在div中居中显示背景图像吗？我几乎什么都试过了--但没有成功：
<div id="doit">
Lorem Ipsum ...
</div>
//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }
这个是可能的吗？
浏览 8提问于2011-02-18得票数 151
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
