腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
在其他div内部居中对齐div,并在垂直和水平方向上居中对齐图像
html
、
css
、
alignment
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中,我希望有另外2个div,其中一个将包含徽标,另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前,我所拥有的是: 下面是我的HTML和CSS的jsfiddle: 我如何才能使logo div居中(仅水平居中,并具有10px的页边距-顶部),并使logo图像在该div内居中,水平和垂直居中,就像现在一样?
浏览 2
提问于2012-10-16
得票数 1
回答已采纳
2
回答
react列中的图像完全居中
javascript
、
css
、
reactjs
我很难在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
回答已采纳
3
回答
居中文本左侧的Css图像
html
、
css
我尝试在居中文本的左侧显示图像!但我所做的唯一一件事就是居中显示图像+文本!我只希望文本水平居中,然后图像在他的左边,两者都垂直居中 <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
5
回答
如何使用javascript、css和/或html使文本在表格中的图像上居中?
javascript
、
html
、
css
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本? 我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难,但垂直居中却很难。 附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中;我只是无法让它以任何其他方式工作。
浏览 2
提问于2008-09-18
得票数 1
回答已采纳
7
回答
如何将图像水平居中并将其与容器底部对齐?
css
、
positioning
如何使图片水平居中,同时与容器底部对齐? 我已经能够让图像在水平方向居中。我还可以自己对齐容器的底部。但我不能同时做这两件事。 这就是我所拥有的: .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
回答已采纳
3
回答
图像不会显示在文本旁边
html
、
css
下面是我的代码: <div id="banner"> <h1 class="title">Sam Clark</h1> <img src="Images/twitter.png" width="35" height="35" alt="Twitter" id="twitter-img" /> </div> 图像显示在新的一行上...我怎么才能阻止它?顺便说一句,我刚刚意识到我不需要它水平居中。抱歉的。
浏览 6
提问于2012-05-16
得票数 0
2
回答
文本-对齐意外行为
html
、
css
、
text-align
我试图理解文本对齐,但它似乎根据应用于哪种类型的元素以及从何处应用,无论是父元素还是子元素,都有不同的规则。 据我所知,如果我将文本对齐:center应用于div,那么所有包含的元素都将具有文本对齐:center属性。 如果我应用文本对齐:居中于内联元素(如图像),什么也不会发生,因为图像没有作为元素一部分的周围空间。我有这段代码,我不知道为什么它的行为是这样的。我试图实现的只是简单地在标题标记中水平地对图像进行居中,并以这样的方式实现: body { margin: 0; } header { background-color: black; height: 100px;
浏览 1
提问于2022-09-21
得票数 -1
3
回答
DIV中的中心图像(原始图像可以大于DIV)
css
、
image
、
html
、
alignment
、
center
与不同大小的图像在DIV中可怕的中心化进行斗争。 从StackOverflow ( )获得了一个解决方案,使用<SPAN>作为一个虚拟元素(与vertical-align: middle一起使用),除了大于DIV的图像外,它工作得很好,这些图像的大小被正确调整,但显示在DIV下面。 如果移除<SPAN>,则居中在水平方向工作,但在垂直方向不起作用。 如果有一个简单的改变,我可以做我喜欢的简单的解决方案。 测试是在
浏览 2
提问于2013-11-19
得票数 0
回答已采纳
1
回答
在Firefox和IE8中,居中对齐块元素上的jQuery“反弹”效果会将它们向左对齐
javascript
、
jquery
、
html
、
css
、
jquery-ui
我的目标是让几个图像在一个div中水平居中显示,这个div在包装器中也是水平居中。我可以这样做,但是当我在图像上调用jQuery的“弹跳”效果时,它们会左对齐。 我已经摆弄了很长时间,不能让它们在弹跳时保持中心位置。 在上查看它 我在Win7上使用的是最新的火狐浏览器。
浏览 0
提问于2012-07-18
得票数 4
回答已采纳
3
回答
将子元素水平居中放置在比子元素窄的父级中
html
、
css
我一直在尝试在<div>中水平居中一个宽的<img>元素,它没有图像本身那么宽。<div>上设置了overflow: hidden。 例如,图像是500px宽的,而DIV是250px宽的。是否有任何清晰的方法(使其适用于任何尺寸的图像)使图像居中,以便只在div中显示中心部分。
浏览 3
提问于2013-07-29
得票数 2
3
回答
使用公式在div内居中显示图像
javascript
、
css
我使用公式方法在div中居中显示图像。 这是链接: 我不知道公式中出了什么问题,图像没有居中。我的意思是我既要垂直的也要水平的 请帮帮忙。
浏览 3
提问于2013-12-12
得票数 0
2
回答
水平和垂直居中图像
html
、
css
我有2个图片在我的主页上,这是垂直居中。 #pgc-10-1-1.panel-grid-cell { display: inline-block; float: none !important; vertical-align: middle; } #pgc-10-3-0.panel-grid-cell { display: inline-block; float: none !important; vertical-align: middle; } 但是,我希望它们在水平和垂直方向上都居中。 当我不使用float: none !important;时,图像水平居中,而不是垂直居中。当我使用f
浏览 3
提问于2016-03-11
得票数 0
8
回答
固定大小的容器元素中的中心图像(CSS、HTML)
html
、
css
我希望在从数据库加载的.net页面上显示图像(因此数量可能会有所不同)。所有图像都有不同的宽度和高度,分别高达130 to和60 to。我想将图像放入固定宽度为130 of和固定高度为60 of的容器元素中。图像应该是垂直的和水平的中心。如果可能的话,容器元素应该水平对齐。 我尝试了div (使用浮点数)和span。使用div,我得到固定的大小,但不能对图像进行居中。使用span,我可以居中,但不设置任何大小。如果我将span放入div中,它的行为似乎就像div (忽略了对中)。
浏览 9
提问于2012-03-28
得票数 9
回答已采纳
1
回答
在固定的div中水平和垂直居中不同大小的图像
html
、
css
在div中定位图像时,我遇到了一点困难。div固定为219x197px,但图像是用wordpress加载的,我需要证明它,这样即使图像变小或大于219x197px,它也会居中,如果较大则溢出隐藏,如果较小则被拉伸或居中(当它变小时会发生什么)。 我不想调整图像的大小,我只想显示它居中和任何适合的div显示,而其余的是隐藏的溢出。 我发现了另一个问题,我设法让它水平居中,但我不能垂直居中。 我尝试了一些左边距与百分比,但它不是恒定的不同的图像大小。我也用line-height和vertical-align尝试了一些东西,但似乎都不能正常工作。 有没有人知道我可以试试什么?提前感谢!以下是HTML
浏览 2
提问于2013-08-29
得票数 0
4
回答
在HTML中居中图像(没有JavaScript)
html
、
css
、
image
、
viewport
我想在浏览器中显示一幅图像,这样: 如果图像小于浏览器视图,则图像以水平和垂直方向居中。 如果图像大于视口,则缩小图像以填充尽可能多的视口,而不调整图像的纵横比。同样,图像是以水平和垂直方向居中。 我不想使用JavaScript;最好的/最语义的HTML和CSS是什么? 更新我被要求澄清语义:图像是内容,是HTML中的唯一内容。 解决方案 @GionaF的想法让我找到了一个快乐(非常简单)的解决方案: HTML <!DOCTYPE html> <head> <title></title> <LINK href=
浏览 6
提问于2012-09-30
得票数 13
回答已采纳
2
回答
div的背景图像未显示
css
、
image
、
html
、
alignment
动态地,我执行以下操作: '<div><img class="image-blockUI" src="../../images/Edit.gif" /><p class="text-blockUI">Being edited.</p></div>' css: .image-blockUI { display: block; margin-left: auto; margin-right: auto; } .text-blockUI {
浏览 13
提问于2013-11-07
得票数 0
回答已采纳
4
回答
使用CSS将图像水平居中
html
、
css
我正在尝试使用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
回答已采纳
2
回答
在ASP.NET中使图像水平居中和垂直居中
asp.net
、
css
、
image
、
html
我想要显示一个ASP.NET图像在一个DIV的中间(水平和垂直),我应该如何排列我的div和图像(图像应该是runat=server),我还应该为我的图像设置最大宽度和最大高度样式,div作为一个占位符,我的图像应该在DIV内,并且它应该在水平和垂直方向上都准确居中,你能显示正确的HTML和CSS吗?有样品吗?
浏览 1
提问于2012-12-08
得票数 0
5
回答
html中的水平和垂直中心文本
css
、
html
我有一个带有背景图像的div,需要以水平和垂直方向居中。在图像的顶部,我还想显示一个1行文本,也是以水平和垂直方向居中。 我设法以图像为中心,但文本不是垂直居中。我想垂直对齐:中间会起作用的。 下面是我的代码: <div style="background: url('background.png') no-repeat center; width:100%; height:100%; text-align:center;"> <div style="color:#ffffff; text-align: center; verti
浏览 0
提问于2010-03-23
得票数 2
1
回答
jQuery UI位置-图像问题上的分割
javascript
、
jquery
、
html
、
jquery-ui
我有一个图像表(每个图像都在它自己的td中),我有一个div,其中包含可以在图像上执行的操作。当我将鼠标移到图像上时,我会将div显示在图像的顶部。我现在使用的是jQuery UI Position插件。我已经编写了实现这一点的javascript。每个图像都有一个名为'cam‘的属性,所以我使用了一个选择器来连接mouseover事件。包含命令的div的id为'dvCamControl‘。 问题是我似乎不能让div在图像上居中。 代码: $('[cam]') .mouseover(function() {
浏览 0
提问于2011-04-11
得票数 2
回答已采纳
2
回答
在不知道父高度的情况下垂直居中子div
jquery
、
css
我想知道在不知道父div高度的情况下,是否有人知道如何在父div中垂直居中子div? 我有一个pinterest样式的画廊页面(图像),在悬停时,我会在图像顶部显示一个div,其中包含有关该图像的信息。因为每个图像可能有不同的高度,所以我不知道如何将子内容居中到父div的中间。 我正在使用jQuery石膏插件来创建布局。 目前我有一个包含图像的外部div。一个内部div,背景颜色为白色(或其他任何颜色),位置为0,0,宽度和高度均为100%。这一切都很好用,我已经能够通过简单地使用text-align: center来水平居中; 非常感谢!
浏览 3
提问于2013-02-01
得票数 0
回答已采纳
1
回答
为什么带有img响应的bootstrap class center-block不能将图像定位在中心
html
、
twitter-bootstrap-3
我正在尝试使用引导类img-responsive和center-block将图像居中对齐。但不知何故,当从浏览器(IE和chrome)测试时,图像不会水平对齐。 奇怪的是,当尝试使用fiddle时,相同的html会将其居中对齐。 你能帮我找出我可以在代码中纠正什么,以便图像在页面上水平居中? Fiddle在 代码: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/> <div class=
浏览 22
提问于2016-07-28
得票数 0
回答已采纳
4
回答
如何居中显示比浏览器窗口更宽的图像(而不是背景图像)
css
、
image
、
center
如何将大图像居中放置到浏览器窗口中,以便如果它比窗口宽,它仍将居中? 请参阅: 我不想简单地将图像作为背景图像,因为它会动态地更改为不同大小的图像,并且我希望能够向下滚动以在正确的高度看到它们。 但是,如果容器div的高度可以根据背景图像的高度变化,我可以将其设置为背景图像? 我不介意有一个水平滚动条,但我不喜欢。 谢谢!
浏览 1
提问于2011-07-29
得票数 12
回答已采纳
5
回答
有没有一种简单的方法可以用css将一个<div>放在另一个<div>中?
html
、
css
我在我正在开发的页面的顶部有一个导航栏。我想要一个特定的<div>居中(这是另一个<div>)。有没有一种简单的方法可以用CSS做到这一点?我尝试使用像素,但在调整窗口大小时不起作用。 我试着让它水平居中,而不是垂直居中。 更新: 我想要居中的<div>是一个<div>中的三个<div>之一。这是一个搜索栏。 下面是我想要的图像和它是什么,边距设置为自动。(抱歉,图像不能准确显示我想要放置搜索栏的位置。我想让它再往左一点(在导航栏的中心)。
浏览 3
提问于2010-11-21
得票数 0
1
回答
如何将以DIV和文本为中心的图像放置在右侧?溢出问题
css
、
html
我有一个div容器,在这里我想放一个居中的图像和一个小的描述在右边。规格如下: 图像的底部边缘应为35 of。 图像应该始终在屏幕上完全显示,因此当屏幕显示时它会调整大小。它应该有尽可能大的大小,但不要被裁剪,永远不要使用滚动条。 图像应该相对于容器居中,文本显示在右边的边缘。 文本应该水平地左对齐,中心垂直对齐,并与图像有30 be的距离。 我尝试过在容器中使用table并使用div,但是找不到干净的解决方案。我可以给你看我按要求试过的不工作代码。
浏览 0
提问于2013-06-28
得票数 2
4
回答
在固定尺寸的div内显示未知大小的图像
javascript
、
html
、
css
我有一个固定大小的<div>,比如height:100px和width:100px。我必须在这个<div>中显示大小未知的图像,以便出现以下情况: 图像宽度> div宽度 图像宽度< div宽度 图像宽度= div宽度 像高>分高 图像高度< div高度 图像高度= div高度 无论如何,在支持传统浏览器的情况下,最好的跨浏览器策略是以以下标准显示它们: 图像周围无空白 良好的居中(水平和垂直)如果溢出
浏览 3
提问于2014-01-21
得票数 6
回答已采纳
1
回答
将图像垂直/水平居中放置在另一张没有尺寸的图像上
css
、
image
、
responsive-design
、
overlay
、
center
我正在尝试使图像看起来有一个居中的播放按钮。但是,我不知道主图像的确切大小,因为它是动态生成的。 现在,叠加图像(播放按钮)在左上角。如何让播放按钮在水平和垂直方向居中显示? 谢谢。 <div class="videobox"> <img src="/mainimage.png"> <span></span> </div> .videobox { position: relative; } .videobox span { position:absolute; left: 0px; bottom:
浏览 1
提问于2013-03-13
得票数 17
回答已采纳
2
回答
水平中心图像
html
、
css
、
twitter-bootstrap
我有3个图像,我想要在一个div内水平居中,所以它们需要居中和相邻。 这是我的代码: <div class="container"> <div class="row"> <div class="col-xs-4 col-xs-offset-4" > <img class="img-responsive " src="images/slike/pic1.png" alt=""/> <
浏览 1
提问于2014-05-27
得票数 0
回答已采纳
1
回答
如何在保持宽高比的情况下使图像扩展/缩小到可用空间
html
、
css
、
twitter-bootstrap
我们如何使图像在下面的第二列中“适合”?这是Bootstrap 4,我希望右列与左列具有相同的高度,然后图像在保持纵横比的同时适合其中。我还希望它在水平和垂直方向居中。 HTML目前看起来如下所示: <div class="form-row"> <div class="col"> <div class="form-group"> <!-- Upload Image option --> </div>
浏览 0
提问于2019-04-22
得票数 1
1
回答
可点击的div,图像垂直和水平居中
html
、
css
我需要创建一个可点击的div,其中包含一个在div中水平和垂直居中的图像(大小可变,但比div小)。 我将div设置为可点击 #image-box a { display: block; height: 100%; width: 100%; } 但似乎不能垂直居中图像。
浏览 1
提问于2011-06-21
得票数 0
回答已采纳
1
回答
在浏览器打印机版本中居中显示google图表
html
、
css
、
google-visualization
问候,我有一个带有谷歌图表的html页面,我希望它是水平居中。对于图表的div,我使用了空白区:0自动。它在Chrome的屏幕版本的中间,图像显示了我在打印机版本中得到的东西,这不是很漂亮。 <div style="margin: 0 auto" id="maChart"></div> 如何才能将google图表居中显示?如果可能的话,我希望知道一种方法,可以在多个主要浏览器,例如。safari、chrome、edge和IE。 谢谢。
浏览 0
提问于2018-09-11
得票数 0
2
回答
水平中心绝对定位图像在div内,没有水平滚动条出现(在移动中也)
html
、
css
我试图在div中对此图像进行居中,而不显示水平滚动条。我需要图像是绝对定位在div内。 小提琴: HTML <div> <img src="http://iqtell.com/wp-content/uploads/2013/05/James-Bond.jpg"> </div> CSS div { position:relative } img { position:absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-t
浏览 1
提问于2014-09-25
得票数 1
回答已采纳
2
回答
以不同图像大小居中的幻灯片页面
jquery
、
slideshow
、
html
、
center
、
css-position
我有一个幻灯片放映,在页面中垂直/水平居中(通过窗口调整jquery)。 它可以很好地处理相同大小的图像。但是,如果我想让不同大小的图像在div中垂直/水平居中,该如何工作呢? 更新:我设法解决了这个问题。下面是JSFIDDLE: 解决方案是将此属性赋予居中DIV中的IMG: margin:auto; top:0; bottom:0; left:0; right:0; 我不确定,但也许,这可以用一种更简单的方式来完成。欢迎提出任何建议。
浏览 2
提问于2012-04-23
得票数 0
1
回答
段落和文本内的超链接标记-对齐:居中
css
、
image
、
hyperlink
<div style="width:400px"> <p style="text-align:center"> <a> <img src"..." /> </a> Some text.. </p> </div> 因此,这里的目标是在div中居中显示图像。文本对齐:居中处理不在超链接标记内的图像,但一旦它们在超链接标记内,它不会影响它们,只影响文本。 我不想使用display:block和margin left / rig
浏览 2
提问于2013-09-19
得票数 1
4
回答
如何使div中只有一个div居中,而让其余的保持原样
html
、
css
image-video-linkmas中的图像必须水平居中。我可以通过将text-align:center添加到div .article来实现这一点。然而,然后里面的所有东西都是水平居中的,这是我不想要的。如何使图像居中并保持其他所有内容不变?我试过.article .image-video-linkmas img {text-align:center},但不起作用。 <div class="article"> <article class="item single_masonary_item active">
浏览 0
提问于2016-09-02
得票数 0
2
回答
如何将子元素插入比窗口更宽的div中?
html
、
css
我的所有内容都有一个容器,它宽1000 my,垂直和水平地居中。上面的div是1600 it,左边框为-300 it,以匹配下面的“完全出血”背景图像。我希望我的徽标与宽显示器上的图像一起显示,但当窗口小于1600 is时,请按下。目前,它溢出了窗口。 注意:我通常会在容器div之外运行报头,但是整件事情都是垂直居中的,这会抛出中心位置,所以我想保持容器作为父文件。
浏览 2
提问于2012-08-03
得票数 0
回答已采纳
6
回答
无论我如何尝试,此图像都拒绝与中心对齐
html
、
css
、
image
、
centering
(忽略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
4
回答
在屏幕中间居中放置一个块
html
、
css
、
twitter-bootstrap
我想在屏幕中间居中显示一段文字。我想使用bootstrap将文本居中显示在屏幕中间,以节省一些时间。 我这样做了,但块仍然在中间的水平,而不是垂直和水平。 CSS: .block { top: 50%; left: 50%; } HTML: <div class="row"> <div class="col-xs-4">Text</div> </div>
浏览 5
提问于2015-01-23
得票数 1
2
回答
仅使用css在div中垂直居中图像
html
、
css
我试图对一个包含在div中的图像进行居中,并将显示设置为表。在它中,我希望显示一个图像,应该定位在中心,无论是垂直和水平。我已经实现了水平位置使用边距:自动和设置它为显示:表格单元,但它不是垂直的中心。任何帮助都是很好的 .overlay { height: 50%; background: red;position: fixed; top: 0; left: 0; height: 50%; width: 100%; display: table;} .swipe {height: 80px; display: table-cell; margin: auto;} <div styl
浏览 6
提问于2017-10-16
得票数 1
回答已采纳
5
回答
未知大小的图像如何在已知大小的div内居中?
html
、
css
、
image
我试图在已知大小的div中对未知大小的图像进行居中,使图像在div内垂直和水平地居中,并且图像的高宽比不被扭曲。 这是一个 这段代码几乎完成了任务,但是这两个图像看起来都稍微向下移动了.可能有几个像素。为什么? HTML; <body> <div class="container" id="c1"> <img src="test.jpg"/> </div> <div class="container" id="c2"> <
浏览 8
提问于2010-11-28
得票数 1
1
回答
如何创建一个像Facebook这样的图片库?
php
、
css
、
codeigniter
、
image-gallery
我在一个4x3的图片画廊工作,图片来自一个数据库。所有的图片都有不同的尺寸。使用Bootstrap和CodeIgniter,我为每个图像创建行和列。现在我希望宽图片适合行的高度,水平居中,隐藏水平溢出。我也希望高大的图片适合列的宽度,垂直居中,隐藏垂直溢出。就像Facebook一样。 边距-左:自动;边距-右:自动;不要居中图像。 我的索引页面: <h1><?=$title?></h1> <?php $i = 1; foreach ($photos as $photo) { if ( $i % 3 == 1 ) { ?>
浏览 62
提问于2019-06-26
得票数 2
回答已采纳
3
回答
CSS居中放映幻灯片图像
html
、
css
、
alignment
、
slideshow
、
centering
我有问题的水平居中我的幻灯片图像,使他们是中心的所有屏幕尺寸/分辨率。 HTML看起来是这样的 <div id='banner'> <div class='slides_container'> <div> <a href='#'><img src='images/banner.png'></a> </div> <div> <a
浏览 0
提问于2012-05-09
得票数 1
回答已采纳
3
回答
如何为动态调整大小、居中的图像扩展Twitter Bootstrap图像轮播
css
、
html
、
twitter-bootstrap
、
carousel
、
centering
我正在尝试扩展默认的Bootstrap图像轮播,以支持动态大小的图像(500x400最大),水平和垂直居中。此外,我希望保持原始的标题布局,它将标题锚定到图像的底部,标题div完全扩展到整个图像(但不会进一步扩展)。 我已经组装了一个小提琴,它是默认Bootstrap设置的一个相当干净的实现(在css部分的末尾只有4个额外的样式): 我可以很容易地完成水平居中和标题的要求,通过在图片和标题周围添加一个环绕的'inline‘div,并在父级上使用'text-align: center’。然而,垂直居中仍然是一个问题(一如既往)。 作为另一种选择,我还尝试在不同的div上使用
浏览 8
提问于2012-04-06
得票数 9
4
回答
如何在DIV中垂直对齐文本和图像?
html
、
css
我正在尝试将图像和文本垂直居中。这是我在一个摇摆的jsfiddle 中的代码,你可以看到文本低于图像,我如何才能使它们保持水平? CSS #display { position:fixed !important; bottom:0; z-index:999; background-color:#D41924; width:100%; padding:5px; color:#FFF; font-weight:bold; vertical-align:middle; } HTML <div id="display"><img src="http://i46
浏览 0
提问于2012-07-06
得票数 1
回答已采纳
2
回答
如何使div围绕另一个元素居中?
css
、
html
、
margin
、
tumblr
我正在尝试编辑tumblr主题,使我的帖子在图片中居中(图片在div中)我尝试在CSS中为帖子和div设置相同的页边距,但我似乎无法使div中的图片在页面上正确居中。我想要的帖子是完美的水平居中的图像,即使当浏览器窗口调整大小。有人知道我是怎么做到的吗?有没有比把图像放在div中更简单的方法呢?下面是我的代码的链接
浏览 2
提问于2013-08-04
得票数 0
3
回答
使用对象适配和对象位置缩放、居中和裁剪图像
html
、
css
我想要拍摄一张寓言图像,让它放大/缩小,以使用父div的整个空间,同时保持其原始比例。我希望图像被裁剪(可以,只要它在垂直和水平方向上都居中)。 我尝试过以下代码: <div class="container" style="width: 800px"> <div class="row"> <div style=" height:340px; width: 100%; overflow: hidden; bor
浏览 0
提问于2017-07-21
得票数 10
回答已采纳
1
回答
以我的标题DIV为中心
css
--在页面底部,我有一个div,它包含一个草的图像。如何使草图像在页面上水平居中? 好的,我把它居中,现在我需要把它移到页面的较低的位置。 谢谢
浏览 0
提问于2009-12-25
得票数 1
回答已采纳
2
回答
水平居中绝对定位分割
html
、
css
、
layout
到目前为止,我可以水平居中图像,但一旦我尝试垂直居中(添加上边距),父div也会下移(这是我不想要的)。 这是我正在讨论的图片: 我认为最好的选择是将其设置为绝对位置,但我在水平居中时遇到了问题。 <div id="header"> <div id="container"> <div id="logo"> <a href="index.html"><img src="images/logo.png" />&l
浏览 0
提问于2012-08-10
得票数 1
回答已采纳
3
回答
如何使用CSS将动态大小的div放在动态大小的容器中?
css
、
web-applications
、
centering
我有一个三级结构: <div class="workingArea"> <div class="imageContainer"> <img class="theImage" /> </div> </div> "workingArea“的大小是由浏览器的大小决定的(在parent中使用flex )。"imageContainer“大小由加载的图像的大小决定(取决于图像,每个图像都有不同的大小)。 我想让图像容器在工作区居中。 这里有一个问题:因为“imageCont
浏览 1
提问于2013-08-20
得票数 2
2
回答
如何使用CSS在div内对图像进行居中?
html
、
css
这是我的 <div class="overlay"> <div id="loading"> <img src="styles/images/30.gif"> </div> </div> 我想让它垂直和水平地居中。 该图像仅为水平居中,如下面的屏幕快照所示: 我的CSS如下所示: .overlay { background: #e9e9e9; display: none; position: absolute; top: 0; right
浏览 3
提问于2017-04-29
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
让div水平垂直居中的几种方法
大误:已经会了?
HTML+CSS+JS教程;前端
div和span
前端开发必知的15个jQuery小技巧
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券