IE中的SVG垂直对齐问题

文章/答案/技术大牛

发布

1回答

html、css、internet-explorer、svg、alignment

但这似乎是IE中的一个问题。我使用IE11。 <div class="text"> <svg xmlns="http://www.w3.org/2000/svg" class="image" viewBox="0 0 512 51251.7 179.1 c -0.1 1.3 -0.3 2.4 -0.4 3.7

浏览 21提问于2018-12-26得票数 1

2回答

HTML中的内联SVG对齐方式

html、svg、alignment

我目前在绑定DIV中正确地对齐内联SVG时遇到了问题，就像这个例子一样。 </svg></body>SVG会调整大小以匹配div的尺寸，但我无法为<e

浏览 1提问于2012-01-26得票数 4

回答已采纳

1回答

如何在IE11中消除svg图像顶部和底部的多余空间

html、css、svg

我使用SVG来显示结果，并希望在defaultSize容器的中心对齐项目。在chrome中，svg图像可以正确居中，但在IE 11中，svg图像的顶部和底部会显示额外的空间，垂直滚动条也会显示。 svgImage { display: flex; height: 100%; .defaultS

浏览 18提问于2019-04-02得票数 2

1回答

svg转woff字体

css、internet-explorer、fonts、svg、woff

我有一个SVG字体文件，这正是我想要的。当我通过转换器()运行它时，输出的WOFF文件在Chome和IE9中显示不同。在IE9中，字体的垂直对齐是关闭的(如果我设置了font-size:100px;line-height:100px;，它在Chrome中看起来没问题，但在IE9中，字形的顶部被砍掉了)。然而，当我使用Courie

浏览 2提问于2013-03-12得票数 1

回答已采纳

3回答

svg元上的伪余量

html、svg、margin

我有一个非常简单的文档(也请参阅)：html, body, svg, div { padding: 0;}</svg>由于某些原因，svg元素获得3px或4px底部边距(也就是说，body元素的高度为1007px、1008px甚至1009px；使用浏览器调试工具检

浏览 2提问于2014-03-11得票数 30

回答已采纳

1回答

如何使用SVG对基于容器的文本和缩放字体大小进行居中处理？

svg

对于一个响应性网站，我试图用SVG对文本进行居中并缩放其字体大小，这样我就不需要使用JavaScript进行任何计算了。我的第一个问题是，我尝试在x="50%"和y="50%"中使用text-anchor="middle"和alignment-baseline="central"，但是这在Chrome中有效，在IE、Edge和Firefox中，文本不是垂直中心的，但是它的基

浏览 2提问于2017-08-27得票数 3

回答已采纳

2回答

Internet Explorer和tspan垂直对齐

javascript、html、css、svg

为了垂直对齐SVG中的tspan元素，CSS属性alignment-baseline和dominant-baseline分别在Chrome和FF中工作得很好。到目前一切尚好。对于，它会变得有点疯狂： ..。但是声明支持alignment-baseline。IE9 & IE11中的CSS特性嗅探显示，它们支持alignm

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

回答已采纳

3回答

如何将中心对齐到Svg图标

html、css、reactjs、flexbox

我有一个svg图标，这个对齐是左，我想修复对齐中心，我使用这个代码，但它不工作。.parent{align-items: center;}margin-right:10px 看看svg图标，它不在中间svg{ align-items: center;} 我也使用文本对齐:居中

浏览 12提问于2022-04-16得票数 0

回答已采纳

1回答

javascript动态创建span并垂直对齐文本:文本停留在底部

javascript、svg

我试图生成一个svg矩形和一个span，以便span元素中的文本与svg元素垂直对齐。在声明式HTML+CSS中，我设法做到了。但我不能用javascript来做。在这里，我的javascript代码：==============================*/ var svg = document.createElementNS("http:&#x

浏览 1提问于2015-09-28得票数 1

回答已采纳

3回答

如何在IE9中将SVG文本垂直居中

svg、internet-explorer-9

为了在SVG中垂直对齐文本，必须使用dominant-baseline属性。这已经在SO ()上讨论过了，并且是的一部分。这是一个在FF和Chrome中工作的示例。它不适用于IE9，Opera11。Windows上的Safari不支持cent

浏览 2提问于2011-04-01得票数 21

回答已采纳

1回答

解析“垂直对齐:中间”的图像+收音机与这个独立的例子

css、vertical-alignment

SVG是一个很好的方法来使示例独立，但是这个问题适用于任何类型的图像。在这个漫长的序曲之后，为什么将vertical-align: middle应用于两个无线电组以及SVG图像而不是垂直对齐到中间？ <!我没有指定我试图垂直对齐的内容(因为我的预感是，使用不太均匀的图像图标(相同的高度、相同的分辨率、相同的</em

浏览 1提问于2017-06-12得票数 0

回答已采纳

2回答

奇怪的IE8 css问题

css、internet-explorer-8

我有一个标题行，它的结构如下： <a... {text}<th... <span...div> //with a background image </

浏览 1提问于2011-11-10得票数 0

回答已采纳

2回答

是否在pygal中创建组合图表？

python、pygal

是否可以创建包含折线图系列和条形图系列的单个图表？

浏览 1提问于2013-02-12得票数 8

回答已采纳

4回答

div中的对齐按钮和链接，在IE中断开，在FF中有效

html、css、internet-explorer-8、internet-explorer-7

我知道以前有人问过这个问题，但我似乎不能让它正常工作。{ vertical-align: middle; height: 30px;这是它在I

浏览 2提问于2011-03-24得票数 1

回答已采纳

2回答

当指针事件设置为None时，SVG内部链接在IE11中不可单击

html、css、internet-explorer、svg、internet-explorer-11

我有一个类似于此的HTML/CSS文件。 position: absolute; height: 100px;} <div class="b"> <a href="https://www.google.com" target="_blank"&

浏览 0提问于2018-04-13得票数 3

回答已采纳

2回答

IE6-7表在li中留下了空白

css、list、tree、html-table

在FF中工作正常，IE6-7失败。在IE上，我在li和table之间有一个差距。 <!org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head> <ti

浏览 2提问于2010-02-11得票数 2

回答已采纳

1回答

垂直对齐:在IE8中居中对td (在IE7/FF/Chrome中确定)

html、css、internet-explorer-8、vertical-alignment

我有一张简单的固定宽度的桌子。第一列具有流畅的宽度，包含一些简单的文本。其他列都是固定宽度的，并包含一个填充的div，其中包含一些更简单的文本。表中的所有元素都设置为垂直对齐:中间。所有垂直对齐在IE7+，FF，Chrome等。然后，我添加了一些JS来切换固定宽度列的显示。在FF，Chrome，甚至IE7<e

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

回答已采纳

3回答

<span>和svg元素不是内联的。

html、css、svg、inline

我目前的情况是一个字段集，它与我页面上的另一个字段集是一致的。这个帖子的字段集包含一个svg循环和一些文本。<svg height="32" width="32"><circle id="circle" cx="16" cy="16" r="15" stroke="#333" stroke-widthsvg元素<e

浏览 7提问于2017-03-21得票数 3

回答已采纳

1回答

垂直对齐问题兼容模式IE

internet-explorer、ie8-compatibility-mode、vertical-alignment

我在构建网站的结构时遇到了一个奇怪的问题。基本上我有：其中我有几个链接(字体大小:14px)，我想垂直对齐我的div.everything的中间是很好的，我切换了IE的兼容性视图按钮，但一切仍然正常。问题是，如果我将字体大小改为12px，并切换到兼容性视图，我的链接将不再垂直<e

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

1回答

svg中的多个rect？

html、css、svg

<svg width="400" height="180">

浏览 3提问于2022-05-26得票数 0

回答已采纳

点击加载更多