css如何图片居中 - 腾讯云开发者社区

文章/答案/技术大牛

发布

3回答

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

html、css、image、centering

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

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

3回答

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

css

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

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

2回答

在javascript中使DIV居中

javascript、html、css

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

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

2回答

使用gd库在php上居中显示图像

php、html

嘿，伙计们，我在php ..but上做了一些代码，它没有给我我期望的..The代码的输出。<html> <form action="images.php" method="post"> <br></br> <input t

浏览 0提问于2014-05-22得票数 0

1回答

将上传的图像预览垂直居中

javascript、jquery、html、filereader

我在我的站点上显示了一个用户上传的图像预览，但我希望能够在div中将其垂直居中。，如下所示(其中$img是有问题的图像)： var $parentDiv = $img.parent();这似乎是由于该值还不可用的事实。如果我上传了第二张图片(清除已有的图片预览)，然后重新上传第一张图片，这个函数就可

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

回答已采纳

1回答

带有未知高度居中图片的水平滚动条

html、css

我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。我的意思是图片应该居中，不同的高度：

浏览 6提问于2013-12-24得票数 0

3回答

图像居中，然后淡入

jquery、css

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

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

1回答

尝试在div中居中asp imagebutton

css、html、imagebutton、centering

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

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

回答已采纳

1回答

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

html、css

看一看有趣的是，IE7“正确”地呈现它，但是IE8+和其他浏览器如上所述地呈现它。对如何解决这个问题有什么想法吗？编辑:更多信息:链接的小提琴只是这个问题的一个最小的例子，我的实际问题是整个网站的中心(使用margin:0 auto)和背景图像居中(使用background-position: ce

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

3回答

如何在100%宽度固定图像中对文本进行居中处理

css、position、css-position、fixed、absolute

我有一个图片(草坪的图片)，风格如下： width: 100%; position: fixed; 我有一个<h1> Putnam Lawn Care</h1>，我想要有重叠和居中的图像，但我不知道如何使用css (我试过position:fixed; top:20%; left: 50%;，但这使'Putnam草坪护理‘的'P’在50%

浏览 0提问于2018-06-20得票数 0

回答已采纳

1回答

中间有图像的水平线的css技术

html、css

我想画一条中间有图像的水平线。我提到过，它对文本很有用，但是当我添加图像而不是文本时，它对我不起作用。这是 width:100%; border-bottom: 2px solid #cec5ba; margin:10px 0 20px; .footer_bottom img { } <div class="footer_bottom"><img

浏览 1提问于2014-07-05得票数 0

回答已采纳

2回答

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

css、html、margin、tumblr

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

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

2回答

为什么我的图片不能通过我的CSS代码在<div>中垂直居中显示？

vertical-alignment、css

www.google.com.hk/intl/zh-CN/images/logo_cn.png" width="276" height="110" alt="Google China">CSS: 118px; background: red;img {} 1、为什么我的图片不能垂直<e

浏览 2提问于2012-02-16得票数 2

回答已采纳

5回答

文本未在Div中完全居中？

html、css

我是CSS的新手，看过一些关于如何在div中居中文本的指南，但现在它不是完全的，而是几乎居中……CSS： background-color

浏览 4提问于2019-07-02得票数 0

1回答

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

php、css、codeigniter、image-gallery

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

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

回答已采纳

2回答

居中对齐的浮动块

jquery、html、css

我正在尝试弄清楚如何有一个流体模板，可以包含中心对齐的浮动块。我认为下面的图片显示了它应该如何工作。我不确定如何使用CSS (可能只是)或jQuery来实现这一点？

浏览 3提问于2011-09-17得票数 1

回答已采纳

1回答

如何在CSS中居中显示图像形状

css

我是一个全新的CSS的新手，正在使用来制作一个圆形的图像。但我无论如何也想不出如何在我的网站上将图片居中。任何帮助都将不胜感激。

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

3回答

导航中间的徽标-如何垂直居中

html、css、navigation、html-lists

我正在尝试创建一个标题/导航栏，在那里将有一个标志的两边都有导航选项，我希望所有这些都垂直居中。为了实现这一点，我使用了<li>和<li class>元素，但我在垂直居中方面运气不佳。有什么想法吗？<li class="btn"><a href="#"><span>04</span>Blog</a></li> </

浏览 4提问于2012-12-20得票数 0

回答已采纳

1回答

如何在wp post中将图像垂直居中

css、wordpress

我有一个wordpress网站，我想垂直居中的文字图像。例如，可以看到下面的屏幕截图。我如何调整我的图片和文字，如下图所示的css。图像： ?

浏览 22提问于2021-03-27得票数 0

5回答

自动页边距不会使图像居中

html、css

我参加了一个初学者html和css课程，我们正在创建一个页面的简历。它有一些标题与照片，等等，然后一些文本与照片在中间。</p> 我想把图像居中。老师/课程说，由于image是在parragraph之间，我们可以在css中添加：margin-left: auto;} 我试着用我能想到的任何方式将它居中:直接

浏览 2提问于2015-09-20得票数 0

点击加载更多