腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
当鼠标移到图像下方时,在图像下方显示一个方框,同时移动项目右侧的元素
、
、
、
、
我的目标:我想创建一个水平的图像列表。当鼠标悬停在图片上时,说明会出现在悬停图像的下方(在宽度相同但高度取决于文本的框中)。每个描述都依赖于图像 问题:点击附加的解决方案,描述会出现,但它也会移动右侧的图像。 下面是代码。 html <ul id="list-icons"> <li> <img src="" class="icon" /> <p class="popup">Test</p> </li> &
浏览 0
提问于2012-04-03
得票数 0
回答已采纳
1
回答
为什么带有img响应的bootstrap class center-block不能将图像定位在中心
、
我正在尝试使用引导类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
回答已采纳
1
回答
将文本隐藏在图像/背景色下面
、
、
、
我的徽标(div中的图像)在jade中有这些属性- style="opacity:1;filter:alpha(opacity=100);display:block;border-bottom: thick solid #000000;background:rgba(255, 255, 255, .8)" 该div位于页面顶部,并显示为主要内容的报表。我使用stickyjs保持标志固定在滚动的页面上。但是,当我向下滚动时,徽标后面的页面内容并不是隐藏的,而是显示为图像后面的文本, 如何为background-color设置选项,以隐藏位于下面的文本内容?
浏览 4
提问于2015-06-02
得票数 0
回答已采纳
1
回答
如何在XSL-FO中水平对齐旋转的表格单元格中的文本?
、
在Antenna House 5.3中,我还没有发现如何创建一个旋转90度的表格单元格“左对齐”(在页面底部垂直对齐)和“垂直居中”(在页面上水平居中)。我已经尝试了我认为可以的所有文本对齐显示对齐组合,但结果仍然是“顶部对齐”(垂直在底部,水平在左侧)。 您知道如何在旋转的表格单元格中使文本左对齐和垂直居中吗?下面是一个单元格的示例: <fo:table-cell display-align="after"> <fo:block-container reference-orientation="90" display-align=
浏览 27
提问于2019-05-31
得票数 0
回答已采纳
1
回答
CSS中心图像水平内联动态宽度父级
、
我试图在一个宽度为div的100%内部水平地对图像进行居中。目前,我在任何一边都有两个图像,它们将充当具有float: left;和float: right;属性的按钮。 我尝试过的所有解决方案都说要制作图像display: block,但这不允许我在两边都有按钮。 这是我当前代码的。我正在尝试将包含类mainimg的图像与类main放在div中的中间。 你知道我该怎么对这张照片吗?
浏览 0
提问于2016-10-14
得票数 0
回答已采纳
4
回答
使用"display:block“,但不能将我的图像保持在与文本相同的水平面上
、
、
、
我希望将CSS3箭头保留在与某些文本相同的水平面上。换句话说,我希望所有这些都停留在同一水平面上。 <div style="display:block"> <div id="downArrow" class="downArrow arrow"></div> - 1.5780377548310014 / -0.01013426671732404 % </div> 我原以为"display:block“可以解决这个问题,但显然不行-- https://
浏览 32
提问于2017-08-09
得票数 1
回答已采纳
0
回答
如何设置figcaption的格式以不拉伸最小宽度的图形
、
、
、
我使用以下标记来表示图像及其标题。 HTML: <div class="fig-container"> <figure class="captioned-figure"> <img class="full-width" src="..."/> <figcaption> TEXT TEXT TEXT </figcaption> </figure> </div> C
浏览 2
提问于2017-01-02
得票数 1
1
回答
如何在画布上定位图像?
、
、
、
、
我已经使用z-index将图像放在画布前面,但是如何使图像垂直和水平居中呢? .logo { display: block; margin-left: auto; margin-right: auto; } 上面的(我通常会做的)似乎不起作用。 这里是GitHub链接:和网站:。我尝试将图像(位于Logo2文件夹中)放在介绍部分的画布上,并在页面上垂直和水平居中显示图像。
浏览 0
提问于2015-01-27
得票数 0
3
回答
如何水平对齐图像?
、
我试过使用display: inline-block和其他东西,比如改变宽度,但我的图像只显示为垂直。 .figure { display: inline-block; } figure.item { color: #676767; background-color: #ffffff; width: 100%; margin: 0; text-align: center; display: inline-block; } .item img { width: 100px; height: 100px; display: inline-block;
浏览 0
提问于2019-08-19
得票数 0
3
回答
内联块元素,在本例中不是内联
、
我已经将我的搜索栏div元素和img设置为inline-block。 但是,div元素位于图像下方,而不是在同一水平线上。 有人能告诉我为什么会这样吗? body { margin: 0; } #header { width: 100%; height: 60px; background-color: #f1f1f1; } #header img { height: 56px; display: inline-block; margin-left: 20px; } #search { display: inline-block; } #search inpu
浏览 2
提问于2016-07-21
得票数 0
1
回答
显示:内联块不工作
、
你知道在tumblr上,你主页上的帖子是如何垂直滚动的吗?我想水平地做。我知道我必须使用某种类型的display:inline或display:inline block。我试过它在我的身体标签,邮箱标签,它似乎不起作用。
浏览 1
提问于2013-12-30
得票数 0
1
回答
CSS -缩放元素和图像版本。到窗口大小,使用%
、
、
、
、
我有一张1920x650的图像,在它的左下角有一个透明的水平矩形。我已经设法使它与图像一起缩放。问题是,我不知道如何让它缩放,使它失去更多宽度。它与img精确缩放。 .container{ position: relative; width: 100%; height: 100%;} .bg-img{ display:block; position: relative; width: 100%; height: 100%; z-index:1;} .transblock{ position:absolute;
浏览 1
提问于2013-01-22
得票数 0
回答已采纳
3
回答
如何使图像同时适合div和中心?
、
如果我想将一幅大图像(任意高宽比)拟合成一个小div,根据,我只需要将最大宽度和高度设置为100%, img { max-width: 100%; max-height: 100%; } 如果我需要对图像做进一步的居中,根据,我们可以将边距设置为auto, img { display: block; margin: 0 auto; } 但这样,图像只在水平方向居中。为了使其垂直中心化,我尝试了以下方法,但不起作用。 img { margin: auto auto; } img { vertical-align: middle; } 有人能帮忙吗?
浏览 2
提问于2022-05-10
得票数 0
回答已采纳
4
回答
使用位置:相对位置将文本和图像定位为居中水平
、
、
我想知道如何定位文本的水平中心。与图像水平居中。我不想使用position: absolute属性。这是因为右文本和左文本的长度可以更改,并且要有一个绝对属性,您需要一个固定的宽度/大小。 body { padding: 0; margin: 0; } .right-text { position: relative; display: inline-block; font-family: arial; font-size: 13px; } .icon { position: relative; display: inli
浏览 0
提问于2019-04-09
得票数 0
回答已采纳
2
回答
具有最大宽度/高度的可变大小图像位于拟合的居中元素内
、
、
、
我有一个<a>标签,里面有一个<img>,我想让它在屏幕上垂直和水平显示,但也要有最大高度和最大宽度,这样它就可以很好地显示在屏幕上,周围留有空格。它需要在任何尺寸的屏幕上同时支持肖像和风景图像,并且根本不能裁剪图像。然而,我不能让图像的最大高度工作。 <a>还包含一些位于图像左侧下方的文本,因此我尝试使<a>的大小与<img>的大小相匹配,以使该文本的位置正确。 HTML: <a href="#"> <img src="image.jpg" alt="it's
浏览 2
提问于2014-12-31
得票数 2
4
回答
使用内嵌块时如何使两块成水平?
、
.roles span { display:inline-block; width:80px; } <div class="roles"> <img alt="test" src="images/02_button_add.png"> <span>AlexAlexAl exAlexAlex AlexAlexAlex </span> </div> 我使用display:inline-block;将span文本放在img旁边。然而,图像在我的跨度的左下角。 如何使它们
浏览 3
提问于2015-08-06
得票数 9
回答已采纳
3
回答
水平和垂直居中文本
、
我想垂直和水平居中的一些文本在一个div,其中包含旁边的图像。到目前为止,我只让它以水平为中心,而让它以垂直为中心是很麻烦的。我知道有很多这样的帖子,提到了一些绝对的定位,但每次我尝试的时候,一切都是重叠的。 这是jsfiddle: 如果水平扩展结果屏幕,使所有内容都在同一行(基线)上,您将看到文本不是垂直居中的。 下面是我的css的代码: #titleheader{ margin:auto; text-align: center; padding:100px; background:#f2f2f2; } #titleheader > h1 { paddi
浏览 1
提问于2015-07-08
得票数 0
0
回答
尝试水平对齐两个div时的垂直偏移
、
我尝试水平对齐两个div,我使用display:inline-block;来对齐它们,但是如果其中一个比另一个长,那么最小的一个在“正常行”下。 如下所示: 下面是我的代码: PS :我在一些页面上使用bootstrap,还有页眉/页脚,但不是这个页面的内容。
浏览 1
提问于2016-07-17
得票数 0
回答已采纳
2
回答
HTML水平展开div以适合儿童
、
我正在创建一个水平滚动的网站。有一个容器div,我想保留一个固定的高度,但根据需要水平展开,以适应它的内容。目前,div只在页面宽度范围内水平扩展。实际上有9幅图像要显示,但只显示前4幅。请参阅下面的代码和图像。如何使容器div水平展开以显示所有图像? css: body { background-color:#dbdbdb; } div.infinite-container { background-color:#db0080; height:180px; } img.infinite-item { width="320"; hei
浏览 0
提问于2014-05-24
得票数 0
回答已采纳
1
回答
在保持容器大小的同时调整中心响应img
、
下面是示例,左边(黄色)单元是相关的。它不是引导特定的,但我使用它的类使映像响应。 <div class="container"> <div class="row"> <div class="col-xs-6" style="padding:30px; background:yellow"> <div class="wrapper"> <img class="center-block img-responsive" s
浏览 2
提问于2015-05-19
得票数 0
回答已采纳
1
回答
Div中以Jquery为中心的图像对齐
、
、
、
、
所以,我得到了一个水平和垂直居中的div作为登录页面。我正在尝试向div添加一个图像,但是一旦我插入它,居中div的内容要么被推到屏幕底部,要么被推到一侧(参见页面)。我试着用这个CSS来解决这个问题: #landlogo { display: block; margin-left: auto; margin-right: auto; float: left; clear: both; } 但无济于事。由于某些原因,图像拒绝像页面上的其他组件那样在文本上方居中对齐。我想可能是Jquery有一个问题,不知何故,它无法正确地以图像为中心,但我想,在我尝试任何更深入的解决方案之前,也许我应该让更敏锐
浏览 2
提问于2012-09-09
得票数 0
回答已采纳
3
回答
文本水平和垂直居中,不显示表格
、
我这里有一个jsfiddle - 我需要一个覆盖的页面和文本的全部宽度和高度是死心。 我可以用display: table做到这一点;但我需要html和body上的height: 100%;。 这在实际代码中造成了问题。 是否有可能有100%覆盖与居中的文本而不显示:表; 我这里有一个例子-- 我可以水平居中,但不能垂直居中。 在第二个例子中是否可以将文本水平居中。 html, body{ height: 100%; } .block{ background: rgba(230, 97
浏览 1
提问于2015-04-24
得票数 0
3
回答
HTML / CSS如何迫使图像水平显示
、
、
我下面有一些代码,显示6张图片。我想在imagegroup0下水平地显示三个图像,然后水平地显示imagegroup1的所有图像,但是在imagegroup0的图像下。下面发布的代码可以工作,除非图像足够大,这样就不能在没有滚动的情况下看到所有3幅图像。当图像变得太大时,我的浏览器会垂直显示它们。我的问题是: 1.如何强制图像组的图像在需要水平滚动的情况下水平显示?2.是否有一种无需声明图像组显式显示的方法?基本上,我想说,在一个水平的地方。(所有图像都是相同大小的,所以对齐并不重要)。 #imagegroup0 div { display: inline-block; } #ima
浏览 1
提问于2017-05-02
得票数 1
回答已采纳
2
回答
所有图像均内联溢出
第一个容器很好,你可以看到2个图像,有6个图像溢出。(垂直) Container2问题,我想使水平图像列表与溢出(只有x/水平)。 到目前为止我的css: #container { display: block; width: 80%; height: 40vw; background: red; margin-bottom: 50px; } #imglist { display: block; overflow: auto; height: 40vw; width: 40%; } #imglist div { display: block; w
浏览 0
提问于2016-02-24
得票数 2
1
回答
响应型内联div图像改变相邻div的位置
、
、
、
、
我有一个有反应的div,垂直分裂成两个。这些设置为内联显示,并排水平,除非视口缩小到400 to以下,然后它们垂直叠加。 当两个子div只包含文本时,一切都很好--但左侧子div中的图像将导致右侧子div下降:。 我不知道为什么。有人能帮我吗?耽误您时间,实在对不起。 CSS: .wrapper { width: 100%; display: inline-block; position: relative; } .wrapper:after { padding-top: 70%; display: block; content: '
浏览 3
提问于2015-12-07
得票数 0
回答已采纳
3
回答
防止div内容包装
、
我需要开发简单的图像盒控制,主大图像和缩略图区域位于底部。这是我的密码 .frame{ height: 200px; width: 200px; } .image{ height: 75%; width: 100%; background: red; } .thumbs{ height: 25%; width: 100%; background: blue; } .nav{ height: 100%; width: 5%; display: inline-block;
浏览 2
提问于2015-10-20
得票数 1
回答已采纳
1
回答
如何水平居中包含图片的div-block?
、
、
我试图水平居中包含图像的div-block (由Javascript放置的扑克牌),但不知何故不起作用(图像仍然左对齐)。下面是HTML: <div id="dealerarea"> <div id="dealercards"> <!--Images by Javascript--> </div> </div> 下面是CSS: #dealerarea{ position:absolute; width:100%; height:96px; top:15px; } #dealerc
浏览 2
提问于2013-09-07
得票数 1
1
回答
在IE 6/7/8中:插入到<p></p>中的HTML (使用jQuery)不符合<p></p>的设置宽度
、
、
、
所以我得到了这个标记: <div id="text-container"> <p></p> </div> 使用这种风格(我知道是多余的): #text-container {display:block: width:220px; height:280px;} #text-container p {display:block; width:220px; height:60px;} 这段jQuery将简单的内容插入到段落中: $("#text-container p").text(data); 在Firefox中工
浏览 0
提问于2009-12-29
得票数 1
回答已采纳
2
回答
将图像居中并在其下方放置div。
、
我有两个问题。本质上,我想显示一个图像的原始大小,并把它放在屏幕的中间(中间我指的是“水平”的中间,而不是屏幕的中心),然后把一个div和文本放在这个图像的下面。这是我使用的代码: <div class="figure">; <img src="...">; </div>'; <div class="text"> text here </div> 这是css: .figure{ position:absolute; margin:0 auto; left:0; right:0;
浏览 6
提问于2017-05-14
得票数 0
回答已采纳
1
回答
如何在iphone上终止悬停状态
、
、
我有一个带有内容图标的产品列表。当鼠标悬停在图标上时,会有一个文本解释图像的含义。 因为在触摸屏上不存在悬停,所以我也使用:active。 我的解决方案效果很好-在桌面上(悬停显示文本,移开鼠标:文本消失)-在普通手机上(触摸显示文本,触摸其他地方:文本消失) 但不是在Iphones上:触摸显示文本,但即使触摸其他地方,它也会停留(除了触摸另一个“悬停”图像时)。 HTML: <span class="canhover"> <img class="icon24" src="img/allergens/gluten.jpg
浏览 22
提问于2020-04-08
得票数 0
1
回答
html页面上的一个居中图像
我正在试着写一个html页面,我可以把任何图像url放进去,它显示的图像与黑色背景,在页面上垂直和水平居中。 我有这个: <html> <body style="background: black;"> <img src="http://i.imgur.com/n8o1E.png" style="display: block; margin: auto; max-height: 100%; max-width: 100%"> </body> </html> 它对比页面更高更薄的图像做
浏览 1
提问于2012-12-08
得票数 1
3
回答
图像的css对齐方式
、
似乎我找不到正确的类来将代理图像与下面的文本水平对齐。网址: 已尝试 .connected-agents{ display: inline-block; margin: auto; width: 70%; padding: 10px; } .connected-agents{ float: left; width: 70%; padding: 10px; }
浏览 0
提问于2016-06-10
得票数 0
2
回答
在DIV中对文本和图像的组合进行居中
、
、
、
我试图在容器DIV中对文本和图像进行连接(包括水平和垂直)。以下是代码: <!DOCTYPE html> <html> <head> <style> #myBox {display:block; width:300px; height:100px; text-align:center; font-size:20px; line-height:500%; background-color:yellow;} #myImg {display:block; wid
浏览 3
提问于2017-11-06
得票数 1
回答已采纳
6
回答
在我的CSS中格式化图像有问题
社区!我很难把一些图片的格式写下来。 <footer> <section class="socialmedia"> <a href=""><img src="facebook.png" class="sm"></a> <a href=""><img src="twitter.png" class="sm"></a> <a hr
浏览 10
提问于2017-11-17
得票数 1
回答已采纳
4
回答
如何避免网站上的水平滚动
、
、
、
、
最近,我使用html和CSS制作了一个致敬页面。该网站在桌面上看起来很好,但在移动上,一个水平滚动条出现,使网站看起来左边的名称。我认为这是因为图像超过了父容器,但我无法修复它。 集线器页面: 托管在github上的代码: 用于调整图像的代码似乎不起作用。 #image { max-width: 100%; display: block; height: auto; margin: 0 auto; }
浏览 4
提问于2020-07-25
得票数 0
回答已采纳
1
回答
CSS:通过包含的图像定义元素的宽度,不使用JS
、
、
、
显然,如果不使用JS,我就找不到解决这个问题的方法:我需要制作一个带有图像和一些文本的水平滑块。所有图像需要调整到相同的高度和宽度自动调整大小。图像下方是一个文本,如果图像的宽度太小,则应将其换行为多行。问题:我很难将周围元素的宽度限制为图像的宽度(同时不知道图像的宽度)。预期的结果是所有图像都是相邻的,没有间距(类似于google图像搜索)。 我在外部元素上使用空白:nowrap,在内部元素上使用display:inline-block来获得水平滚动。我也尝试过flex,但没有什么不同。 下面是我所拥有的一些东西: `<ul> <li> <div c
浏览 22
提问于2017-06-25
得票数 0
3
回答
CSS如何使div水平居中
、
我正在做一个水平居中的div。我使用下面的代码将我的div放在body标记的垂直和水平居中,但似乎只有垂直的部分可以工作。我怎样才能让水平部分也能工作。提前谢谢。 body { background-color: #081418; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; text-align: center; } .OuterRim { border:5px sol
浏览 0
提问于2013-02-12
得票数 2
回答已采纳
4
回答
在给定我的代码情况下,如何在div中居中显示图像?
、
、
、
<div class="box"> <div class="pic"> <img src="/images/img.png" class="img_pic" /> </div> </div> .box { border: 1px solid #333; cursor: pointer; height: 73px; margin: 40px 42px 0 0; width: 269px; } .img
浏览 0
提问于2013-09-06
得票数 0
1
回答
如何在<li>元素中对图像进行居中处理?
、
我有一个ul,它的单元格由图像和文本组成: <ul class="special_ul"> <li> <img src="img/solution_icon_optimize-efficnt.png"> <a href = "">OTT</a> </li> <li> <img src="img/solution_icon_personal.png"> <a href = "
浏览 1
提问于2015-04-24
得票数 1
回答已采纳
3
回答
将三个元素并排排列
、
所以我想对齐这三个元素,使它们在页面上并排,首先是'1‘,然后是图像,然后是’文本‘。我根本想不出怎么做,有人能帮忙吗? 我的HTML: <div class="chart-game"> <div id="1"> <h1>1</h1> </div> <div id="1img"> <img src="http://images.pushsquare.com/games/ps3/call_of_duty_ghosts/cover_large
浏览 2
提问于2014-07-13
得票数 0
回答已采纳
2
回答
如何在无序列表项上对齐图像
、
我有一个无序的列表项元素,包含一些列表项和链接。在每个链接上,我想要显示一个图像。我希望文本在相关图像下水平对齐。 <ul> <li><a href="#" class="link">Accounts</a></li> <li><a href="#" class="link">Search</a></li> <li><a href="#" class="link
浏览 2
提问于2018-01-26
得票数 0
回答已采纳
2
回答
如何隐藏手机滚动时的水平滚动条
、
、
、
、
我有一些列表,我在桌面上显示在一行,但在移动,我必须显示相同的,但它应该是水平滚动通过滑动。 我使用CSS尝试了下面的代码。它可以工作,但我不想在滚动时显示水平滚动条。另外,我使用的是bootstrap 4,所以我在容器中添加了我的列表。 你能帮我解决这个问题吗? .aboutlinks ul { margin: 0; padding: 0; list-style: none; } .aboutlinks ul li { display: inline-block; margin: 15px; border: 1px solid #000; } .aboutl
浏览 0
提问于2019-06-11
得票数 1
2
回答
在div中将表水平地居中
我试图在div中对着一张桌子,但是这个表可以有不同的长度。代码如下所示: <div> <table> <tr> .... </tr> </table> </div> div元素当然是display:block,当然占据了页面上的整个水平空间,但我不知道如何将填充设置为auto,并在div中对表进行居中。 有人能帮我吗?
浏览 3
提问于2015-01-29
得票数 1
回答已采纳
1
回答
如何使不同宽度的图像居中,同时使每个图像的文本块向右齐平?
、
、
、
我有一个图片库,我想在页面上水平居中的图像。我想有图像元数据,标题,艺术家的名字等,定位在该图像的右边。 首先,我尝试将图像和meta_data并排放在一个包含div中,但随后图像不再根据页面居中,因为整个包含div的宽度用于居中。另外,我不知道包含div的宽度应该是多少,因为我不知道图像的宽度,它是动态的。我不喜欢在div上设置硬编码宽度,因为我想让图像根据设备的不同而缩小。 然后我尝试使用display:table display:row display:cell,其中图像在左侧单元格中,元数据在右侧单元格中。桌子会伸展到图像的宽度,这很棒。然后,我将position:relative放在
浏览 0
提问于2012-11-19
得票数 1
2
回答
根据容器div中的图像动态居中并调整其大小
、
、
我需要有一个里面有图像的容器div。 容器div必须水平居中,并且它所占用的空间必须与其内容、图像的大小相同。 里面的图像必须根据窗口大小调整大小。 我尝试过使用display: inline-block;-它在水平调整窗口大小时有效,但在垂直调整窗口大小时无效。 查看这个fiddle -调整窗口的水平和垂直大小以查看"bug“。 编辑: Safari做得很好,而Chrome没有调整容器的大小,但图像和Firefox什么也不做。我想这可能与max-height属性有关? #wrap { text-align: center; } #container { displ
浏览 1
提问于2014-06-04
得票数 0
4
回答
为什么我不能将组件水平地集中在div中?
、
我有块,里面有三个盒子。CSS是 .blocks { display: block; margin: 0 auto; width: 60%; height: 350px; } .box1, .box2, .box3 { width: 33.333%; height: 300px; vertical-align: top; display: inline-block; zoom: 1; } 在框中,有一个图像和一个文本。我要它们水平居中。所以我做了 .box1, .box2, .box3 { width: 33.333%
浏览 0
提问于2016-03-01
得票数 0
回答已采纳
2
回答
垂直和水平对中
可能重复: 我有一个画布元素,我希望它就在页面的正中,无论是垂直的还是水平的。 我是一个程序员,我对CSS不太了解。有人能帮我把画布垂直地和水平地对齐吗? 下面是我当前的CSS代码: /* Set up canvas style */ #canvas { font-family: 'pixel'; margin-left: auto; margin-right: auto; display: block; border: 1px solid black; cursor: none; outline: none; } 它已经是水平居中,但不是垂直
浏览 2
提问于2012-05-01
得票数 4
2
回答
div的背景图像未显示
、
、
、
动态地,我执行以下操作: '<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
回答已采纳
2
回答
悬停文本显示图像上的css
、
、
、
、
<style> img { height: 100px; width: 100px; } .hover img { display:none; } .hover:hover img { display:block; } </style> <p>other text </p> <h1 class="hover">Test 1 <img src="ghost.jpg"/></h1> <p>other text </p> 当我现在悬停时,它会移动所有其他文本
浏览 3
提问于2014-11-12
得票数 1
回答已采纳
1
回答
文本和图像在水平中心水平上并排排列。
、
我试图水平对齐text+image+text+image并排。当所有元素都是文本时,下面的代码可以工作,但是在图像之间,我无法正确地处理它。此外,所有文本必须始终以行中最大图像高度的50%为中心,如下面的示例img1。我在CSS中设置的宽度,但是高度是自动的,所以我不知道如何使文本定位在最大图像高度的50%。该怎么做呢? .merc { font-size:11px; font-weight:700; /*margin-left:10px;*/ color:#777 !important; display:inline-block; max-width:35% }
浏览 2
提问于2016-08-28
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Web前端学习打卡第四天:CSS布局与定位
单行居中,两行居左,超过两行省略
你要学的CSS样式都在这了
CSS浮动和清除
CSS知识概况
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券