CSS:垂直对齐文本行中的内联块元素

文章/答案/技术大牛

发布

1回答

div标记中不需要的空间

css、html、web

在这两个div之间有一个多余的空间。在dreamweaver设计视图中，它似乎没有空间，但如果我使它在浏览器中活动或预览，空间将再次出现。 background-position:center; margin: 0;这是我的body

浏览 2提问于2014-01-28得票数 2

回答已采纳

2回答

inline-如果向其中添加子div，则向下推入块div

html、css

现在，当我在孩子一中添加一个像div或段落这样的孩子时，父div会向下推。我已经知道解决方案了。如果我使用顶部垂直对齐的属性，这个问题就解决了。但我只是好奇地想知道原因是什么？

浏览 0提问于2017-09-14得票数 5

1回答

垂直对齐行为

html、css、vertical-alignment

vertical-align: top的定义 <!

浏览 3提问于2016-10-27得票数 0

回答已采纳

5回答

垂直对齐在CSS中的作用是什么？

html、css

我刚接触编码和CSS的世界，最近遇到了垂直对齐属性。在阅读了大量关于它是什么的文章后，我仍然不知道它是做什么用的，什么时候使用它？我的理解是，它用于内联元素，如文本、图像等，以及表中的文本或其他内联元素。它们不能用于块元素，如div、h1等。如果我的理解是正确的，除了垂直<e

浏览 0提问于2011-05-26得票数 6

回答已采纳

2回答

如何在div中垂直对齐元素

html、css

我是一个HTML/CSS新手和垂直对齐的元素在侧div是让我疯狂。基本上，我有一个包含文本和图像混合的div，我所要做的就是垂直对齐ediv中间的元素。根据内联元素(并且只有内联元素)可以通过垂直对齐:中间在上下文中垂直对齐。但是，“上下文”不

浏览 3提问于2013-05-10得票数 4

回答已采纳

4回答

css

我在一行文本中放了一个内联块元素： ? .icon元素有vertical-align: middle;，结果如下图所示： ? 正如你所看到的，图标没有与文本的中间对齐，它稍微低了一点，而文本对齐看起来还可以。.button-content的line-height等于父级的高度。我尝试将文本元素环绕在图标周围： ? 得到的结果是： ? 硬币相对于文本稍微上

浏览 72提问于2016-11-17得票数 1

回答已采纳

1回答

与CSS垂直对齐

html、css

我正在尝试垂直对齐div标记中的内联元素。这是我的HTML： <div id="bar"> </div>.foo{ wi

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

回答已采纳

3回答

对齐-中间问题

html、css、vertical-alignment

我对vertical-align:middle;的工作方式有什么误解？我已经发布了()一些代码，我希望这些代码可以垂直对齐蓝色矩形中的红色矩形，但它看起来不是这样的。

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

回答已采纳

1回答

标题中的居中元素和右对齐元素都垂直对齐。

html、css、web

我试图为我的网页制作一个标题，标题中间有一个元素，标题中有一个对齐。我唯一能想到的办法是： #中心Header{显示:内联块；高度: 100%；垂直对齐:中间；}#社会化链接{高度: 100%；显示:内联块；垂直对齐:中间；浮动:右；} #中心Header{显示:内联块；高度: 100%；垂直</e

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

回答已采纳

1回答

CSS移动导航不是垂直居中，但前面的元素是好的。

html、css、vertical-alignment

我有一个简单的导航链接和移动导航图标，我所做的css。由于一个未知的原因，“图标”不是垂直居中，它靠近中心，但很少有更多的像素丢失。我认为这就是原因，但为什么我的浏览器对齐inline-block‘图标’？！看上去浏览器想要对着它，但并不完美。我不明白为什么会发生这种事，你能解释一下吗？CSS list-style: none; padding: 0; line-he

浏览 2提问于2015-04-18得票数 1

回答已采纳

4回答

为什么我的内联块div没有对齐，而其中只有一个有文本？

html、alignment、css

> <article>Java</article></section>我希望我的两篇文章都是对齐的，但是从下面的截图中可以看到，只有当我的两篇文章都有文本时，<article>元素才是中心对齐的：有什

浏览 8提问于2012-11-25得票数 39

回答已采纳

2回答

溢出与显示内联工作

html、css

当我使用display:内联时，溢出似乎不起作用。我需要将文本内联，因为它出现在网页的右上角，前面有"Hello“，名字后面有一个向下的箭头。如果我移除显示:内联，溢出会工作，但是前面的单词和名字后面的图像会下降到新的行。我试着使用内联块，但这会导致文本实际包装，虽然它是隐藏的，但名字看起来像我的上标。

浏览 6提问于2015-12-03得票数 0

回答已采纳

2回答

在它自己的div中垂直地将一个按钮对中另一个div

html、css、materialize

目前，我正试图将按钮与“..row”的其余部分垂直居中。这是我目前所拥有的。我尝试过将style=“垂直对齐:中心”添加到不同的元素中，但是按钮不会移动。我找到的唯一解决方案是用类似于“top:100 it；”之类的东西向下移动，但这当然不是一个有效的解决方案，因为它并不适用于所有屏幕大小。按钮在它们自己的div (.col.s3)中，这有助于在.row上水平地定位它们。这里<e

浏览 1提问于2015-03-10得票数 1

回答已采纳

3回答

为什么我的div不垂直对齐？

javascript、jquery、html、css

我已经写了一些代码，当我点击一个图像时，它会在一个新的div中消失，而这个div应该垂直对齐。我使用相同的代码作为我的标志，最初是vertical-align: middle，所以我没有看到问题。我目前使用的代码是：top: 0; right: 0; bottom: 0; left: 0;下面是我的代码部分的JSFiddle

浏览 3提问于2015-08-05得票数 0

回答已采纳

1回答

当我在其中一个上使用“边距顶: 4px”时，我如何防止兄弟姐妹之间互相推倒？

html、css

我有一个很简单的导航条，有五个按钮。它们中的每一个都从box-shadow: 0px 4px #777777开始，提供一个3D外观，还有一个.navbarright a { display: inline-block }将所有的按钮水平排列起来x </div></a> <a href="x"><div class="navbutton" id="x"> x </div><

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

回答已采纳

1回答

在<th>中对齐多个元素

css、html、twitter-bootstrap

我有一张表的代码，它可以正常工作： <thead class="as-table-head">hgytkg49a97dmn</td> <td></td> </tbody&g

浏览 1提问于2015-02-13得票数 1

回答已采纳

4回答

无法使用列表中的img标记进行垂直对齐

html、css、layout、vertical-alignment

非常基本的问题--我似乎不能在列表中垂直对齐一个图标。我的css看起来像这样：float: left;float: right;display: inline;text-decoration: none;} 我的HT

浏览 0提问于2010-07-15得票数 0

回答已采纳

2回答

在div溢出div边界内的img旁边的跨度

html、css

因此，我有一些生成的html，我正在尝试样式。在我看来，html似乎相当正常，我试图应用的css是最小的，但它的作用方式是我所不期望的。html放置一个带有锚标记的div，其中包含img和div中的一些文本，(出于某种原因)包装在span中。如果我去掉了图像，文本就正确地对齐了，但是添加img似乎将包含的范围扩展到了div的边界之外，尽管img并不比div大，

浏览 3提问于2015-11-14得票数 1

回答已采纳

2回答

如何在引导5表格单元格中垂直对齐文本？

html、css、twitter-bootstrap、bootstrap-5

我创建了一个表格，我希望其中一个单元格具有垂直对齐。引导5文档 <link href="https://c

浏览 3提问于2022-01-27得票数 3

2回答

如果没有内容，为什么内联块与顶部对齐？

html、css

我有<input type=text><a>text</a><span>text</span>input { background: green;} background: blue;您可以看到，第一个锚单元和第一个span元素对齐

浏览 4提问于2014-12-04得票数 2

回答已采纳

点击加载更多

div标记中不需要的空间

inline-如果向其中添加子div，则向下推入块div

垂直对齐行为

垂直对齐在CSS中的作用是什么？

如何在div中垂直对齐元素