垂直对齐img奇怪的行为

文章/答案/技术大牛

发布

2回答

html、css

我遇到了一件让我非常困惑的事情：.container{} height: 100px; vertical-align: middle; height: 50px;<div class="container"> <img src="https://www.dierendokters.comkitten%20kijkt%20omhog.jpg&

浏览 5提问于2018-01-18得票数 0

回答已采纳

2回答

使用浮动和边距的TinyMCE怪异图像对齐: auto

html、image、tinymce、alignment、tinymce-4

我使用的是TinyMCE 4，在编辑器中对齐图像的行为很奇怪。左对齐 - Expected: `<p style="text-align: left"><img .../></p> 应用浮动会导致意外行为。例如，在如下两行上拍摄两张图像： [img

浏览 0提问于2014-10-06得票数 2

回答已采纳

3回答

覆盖img表格单元格内垂直对齐(Chrome)

html、css、google-chrome

我需要能够覆盖一个td标签内的图像的垂直对齐定义了垂直对齐。我试着把图像设置为vertical-align: middle，虽然这在ff模式下有效，但在chrome模式下图像仍然落在线条以下。html是通过bbcode编辑器提供的。top <br/> image should vertically center relative to lin

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

3回答

为什么这个css/html会显示额外的填充？

html、css、padding

在过去的几天里，我一直在为我正在建设的网站上的一些奇怪的间隔而挣扎。最初，我认为这是Chrome的一个显示问题，但我在IE8、IE9、火狐和Safari中复制了这个问题。虽然在线上的一些解决方案让我尝试了不同的东西，包括漂浮在父亲身上，但没有什么是成功的&我总是在其中一个方面填充。编辑:在这个问题上，行高被证明是罪魁祸首，但垂直对齐图像与上方的建议将文本保留在div

浏览 6提问于2012-12-18得票数 0

回答已采纳

1回答

在导航中实现垂直对齐徽标

html、css、frameworks、materialize、vertical-alignment

我有一个关于在导航栏中垂直对齐标志的问题，我给它的高度是90px，但是我不能在中间垂直对齐它。我已经通读了前面的问题，并尝试了一些提供的答案，但没有工作。我真的很奇怪为什么垂直对齐总是这么困难。这是我的代码。<style> height: 90px; img#logo{

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

1回答

垂直对齐按钮-奇怪的行为

html、css

我正面临着以下奇怪的情况:我在div中创建了一个按钮，我希望它垂直对齐在中间。现在，当我运行all脚本时，无论我使用什么方法，按钮都固定在div的顶部(我已经尝试了几乎所有的方法)。如果我单独运行它(意味着只运行脚本的相关行)，那么它就可以工作，并在中间对齐。type id='bt1' value='Show Layer' onclick="setVisibility('sub3','sub

浏览 4提问于2015-03-28得票数 0

3回答

div框不会使用属性显示对齐:内联块；

html、css、alignment

关于我的代码，有几件事我真的很困惑：这张照片根本没有出现。

浏览 0提问于2013-06-19得票数 0

回答已采纳

2回答

HTML -垂直对齐响应内容

html、css、vertical-alignment

我试图垂直对齐块内的内容--内容是左边的图像(没有文本)和一段文本。当文本在大屏幕上时，段落的高度小于图像的高度，因此段落应该垂直对齐到中间。另一方面，当内容显示在较小的屏幕上时，段落的高度比图像大，图像应该垂直对齐。对中的图像很容易，因为我知道高度，但如何处理响应段落？我尝试过的每一件事都会导致一些奇怪的<e

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

回答已采纳

6回答

<img>标签下的空间

html、css

我的照片下面有一个无缘无故的烦人空间。我使用www.getskeleton.com作为框架。HTML代码 <div class="box"> <img src="images/picture.png" title=

浏览 6提问于2012-12-17得票数 6

回答已采纳

2回答

div中的意外填充/边距

html、css

在div内部的图像下面，我仍然得到了一个小小的空白。为什么div比图像大？在FF32和Chrome 37中也有同样的效果。我知道，我可以用负的边距/垫子来解决这个问题，但是我想知道发生了什么，为什么会这样。

浏览 3提问于2014-09-22得票数 4

回答已采纳

1回答

垂直排列怪异的铬行为

html、css、firefox、google-chrome、cross-browser

我刚刚注意到Chrome的一种奇怪行为。将垂直对齐属性应用到div中的文本节点也是对齐的。是Chrome缺陷吗？

浏览 2提问于2012-09-10得票数 5

2回答

but =‘中间’工作，但没有正确显示文本仍然显示为‘底部’

html、css、html-table

在valign='middle'上使用<td>是正确的，但是，它并没有显示“在中间”--它看上去像我使用的valign='bottom'。我知道它是正确设置的原因是因为valign='top'确实在表的顶部正确地显示了文本。供参考的代码：echo "<tr height='32px'>"; echo "<td width='150px'

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

回答已采纳

1回答

铬垂直对齐的怪癖和标准模式

css、vertical-alignment、quirks-mode

下面的图像是使用相同浏览器(Chrome 25)呈现同一页的图像。唯一的区别是一个页面有一个DOCTYPE (因此在标准模式下)，而另一个没有(因此在怪癖中)。垂直排列在奇怪的情况下起作用，但在标准中不起作用，为什么？<table class="oppres" id="oppscore4"> <tr id="oppscore4-main"> <

浏览 0提问于2013-02-27得票数 0

回答已采纳

1回答

使挠曲盒中的项目占用所有垂直和水平空间。

html、image、css、flexbox

图像是正确的水平分布，但不要占用所有可用的空间垂直。现在的情况如下：这是我的标记： <div class="photo"> </div> <div class=&quo

浏览 1提问于2016-12-01得票数 7

回答已采纳

2回答

处理文本位置CSS/HTML

html、css、image、text

我正在构造一个垂直导航栏，无法按照我想要的方式格式化图像旁边的文本。我可以使用页边距来操作图像。我把它放在我想要的地方了。现在，我尝试操作文本边距，但没有任何效果。看起来是这样的.<div class="content_nav"> <div class="content_nav_item"><a href="#"><img src="images&#x

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

1回答

如何在引导2导航栏中正确设置文本的格式和位置

html、css、twitter-bootstrap

我需要有人帮我处理Bootstrap 2 <div class="navbar-inner"> <a class="brand" href="

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

回答已采纳

2回答

表格单元格图像和文本对齐

html、css、tablecell

我有一个三列布局，有时我希望一个列中的文本与另一个列中的图像相邻。我的问题是，当我将图像插入其中一列时，相邻列中的文本将其本身与图像底部相邻的位置放置在相邻的列中，而不是如人们所期望的那样位于列的顶部。我的基本结构： <div class="col"> <div class="ttl"

浏览 4提问于2015-02-04得票数 3

回答已采纳

3回答

消除图像之间的垂直空白

html、css、templates

代码是这样的：<tr><img src="/email/new/top_bar.png" width=&

浏览 0提问于2010-10-04得票数 4

回答已采纳

4回答

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

html、css、layout、vertical-alignment

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

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

回答已采纳

2回答

奇怪的Twitter引导行为

php、html、css、twitter-bootstrap

我一直在使用Twitter Bootstrap来构建一个PHP网站，我遇到了一些我无法修复的奇怪行为。我使用一个循环来创建图像框(下面有一个截图)，但是由于某些原因，这个循环产生了非常奇怪的对齐问题(我试图将它们放在垂直的列中)。所有代码都在下面。如果有人能帮助我或为我指明正确的方向，那就太棒了。"<a href=\"{$data->link}\" target=\"_blank\&

浏览 0提问于2013-02-28得票数 1

回答已采纳

点击加载更多