将包含同级图像的div中的文本居中

文章/答案/技术大牛

发布

1回答

html、css

我尝试在div中垂直和水平居中显示一些文本。div还包含一个兄弟映像。 display: table; z-index: 2.div-table-cell { <div class='div-table'&g

浏览 2提问于2016-07-18得票数 3

2回答

HTML如何使输入和图像显示在同一行上

html、css、svg

我正在尝试让一个html输入元素和svg图像出现在同一行。stackoverflow上有几个建议的解决方案，但我无法让任何一个发挥作用。当前html代码： <div class="data" id="text_data"><inputtype="text" width="48&q

浏览 2提问于2016-05-26得票数 1

3回答

DIV中的图像-垂直居中

css、image、html

我有一个大小为x的DIV，其中一些图像的大小通常更大。在这种情况下，我需要图像在此DIV中垂直居中。感谢你阅读这篇文章！

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

5回答

如何使用javascript、css和/或html使文本在表格中的图像上居中？

javascript、html、css

如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？附录:我最终不得不使用

浏览 2提问于2008-09-18得票数 1

回答已采纳

3回答

在CSS中移动图像

html、css

我正在努力使用HTML和CSS在网页上居中显示图像。 <divclass="header"> <img src="images/weblogo.png&qu

浏览 0提问于2019-01-03得票数 0

3回答

为什么img不在中心？

css、image

更新:是的，把文本对齐:中心在包含的div做了窍门！ -webkit-transition: all 0.1s; }<divid="add_next"><a href=# ><img src="images/next button5.png" class=&quo

浏览 0提问于2015-01-30得票数 0

回答已采纳

1回答

第2部分--即使屏幕发生变化，我如何才能在图像上建立链接呢？

html、css

下面是我的第一次发布，我试图在div背景图像上覆盖一个链接，但是我希望通过鼠标和缩小屏幕来测试屏幕宽度时，链接保持在原地。网址是。正如你所看到的，“这里的链接”是我想要链接的地方，并停留在那里。在我看来，必须有一个比我设置txt链接类更好的方法。脚本和下面显示的代码是我收到的响应。脚本工作的很好，我相信--回复文本。但有些地方似乎出了问题--不确定。首先，在我的笔记本电脑，顶部和

浏览 0提问于2015-04-23得票数 0

1回答

在其他div内部居中对齐div，并在垂直和水平方向上居中对齐图像

html、css、alignment

我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：下面是我的HTML和CSS的jsfiddle：我如何才能使logo div

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

回答已采纳

2回答

另一个div +图像内的垂直中心div

html、css、image、center

我有一个div，它包含一个图像，另一个div包含文本。该图像用作背景图像(我有一些原因，为什么我不想通过background-image属性这样做)。内部div的文本应该在外部div中垂直居中。外部div具有width: 100%，用于具有窄设备的响应行为。如您所见，我的方法是可行的

浏览 5提问于2016-07-20得票数 1

回答已采纳

2回答

如何使标签在图片和边缘之间居中

javascript、jquery、html、css、center

我目前正在开发我的网站的过程中，它将完全与CSS和JS，在一个单一的页面，完全响应式。我现在被一个问题卡住了，我不确定有没有解决的办法。我有一个div，它包含1)一张图片和2)一个标签。它们目前是并排的。当鼠标悬停在div上时，div向右延伸，但图片的大小和位置保持不变(div的左侧)。这会使标签出现在div的右侧(使用JS将

浏览 1提问于2016-05-16得票数 0

2回答

教我如何使用CSS居中显示图像

html、css

我已经搜索了这个问题，但没有找到任何有用的东西...在之前的一篇文章中，有人建议我不要使用center。我查了一下，现在明白为什么使用它是不利的……所以..。我正在使用HTML Kit-Tools，所以不确定这是不是程序问题，很可能是我无用的智力…… </center&

浏览 5提问于2015-03-11得票数 0

1回答

滑块中的图像和文本排列

html、css、reactjs、user-interface、responsive-design

我正在为一个网站做一个滑块，我希望图片在左边，相应的文本在右边。我已经做到了，但不是很完美。图像后面的div已经扩展到图像下面，文本按照div而不是图像进行居中。因此，文本&按钮出现在图像的底部边缘附近。我纯粹是通过ReactJS对网站进行编码，这是我的代码-

浏览 3提问于2022-08-03得票数 0

回答已采纳

3回答

引导4中心(水平)图像+ div内的文本

html、css、bootstrap-4

引导带4: +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+<divclass="row"> <div class="col"></

浏览 4提问于2019-12-29得票数 0

回答已采纳

1回答

如何在div.row中设置高度100% div？

html、css、twitter-bootstrap、twitter-bootstrap-3

<div class="container" style="background-color: red"><div class="col-xs-6" style="JSfiddle-blue-w-type.sh.png" class="img-responsive img-circle center-block" style="width: 2

浏览 2提问于2016-01-06得票数 0

回答已采纳

1回答

CSS绝对定位图像works文本框不起作用

image、text、positioning、absolute、box

我希望你能为我找到答案，我认为这是一个愚蠢的错误，但我就是找不到！所以我希望你能快速地看一眼，并且你能帮助我解决问题。我对此还是个新手，已经从其他人的队列中学到了很多。下面是我的代码：margin-leftmargin-left: auto;top: 0; left: 0

浏览 3提问于2014-07-10得票数 0

1回答

CSS将图像与文本垂直对齐不起作用(Wordpress)

css、image、wordpress、html、vertical-alignment

所以我试图让一个图片文件在我的移动Wordpress主题中的div中间垂直对齐，文本在右手边。不幸的是，在图像上使用“垂直对齐:中间”会导致以下结果：这是我的CSS： <div style="vertical-align:middle&quo

浏览 1提问于2012-10-15得票数 0

2回答

文本-对齐意外行为

html、css、text-align

据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：body {} background-color: black;:居中，图像在div的中

浏览 1提问于2022-09-21得票数 -1

4回答

为什么"text-align:center“适用于"div”而不适用于"img"？

html、css、alignment

下面是一个示例：p, span, div,img {}<span>Span</span><div<

浏览 9提问于2015-06-12得票数 3

3回答

在容器中居中放置多个浮动div

layout、html、css-float、centering

好的，这是我正在工作的网站的链接。我目前将消息放在它自己的div(#messagebox)中，图片放在它自己的div (# picture )中。这两个div都向左浮动。我将它们放在一个名为#intro_container的容器div中。我想居中这个包含div，但我有问题。我曾尝试将

浏览 1提问于2010-01-21得票数 0

回答已采纳

3回答

在流体图像上居中文本

html、css、css-float

我有几个流体图像，我想漂浮和堆积在一起。例如，我将img宽度设置为50%，这会在每一行中堆叠两个图像。根据浏览器的大小，图像的大小也会增加。同时，我希望能够在每个图像的中间放置一个文本，该文本漂浮在图像的中心。我的问题是课文不对中。当我把img设为绝对的时候，它就会中心，但是堆叠会变得很混乱。知道我怎样才能通

浏览 7提问于2014-03-03得票数 1

回答已采纳

点击加载更多