2回答
你能帮助我理解为什么我的svg拒绝调整高度来帮助我在div容器中垂直居中吗？其主要思想是将svg水平和垂直居中放到一个div中。我试试这个：
<div id="svg-container">
浏览 1提问于2016-09-10得票数 26
回答已采纳
我试图将svg组件垂直和水平地放置在父div元素的中心，在React，Next.js项目中使用Next.js。请告诉我我的代码哪里出错了。对于粘贴的png下面显示的当前结果，svg图标不在其父div元素的中心。此外，父div不具有与行的同级div元素相同的高度。我想解决这两个问题。="48"></RedToBlue></div>
<div clas
浏览 2提问于2021-01-14得票数 2
回答已采纳
我正在尝试格式化一系列标签和svg元素；但是，我似乎无法正确地对齐。到目前为止，我已经搜索了各种css对齐策略，但一无所获。下面的代码生成了一个标签和一个文本居中的框。我希望标签文本和框中的文本垂直居中到同一行。目前，它们被抵消了一点。我还注意到两个元素周围的边距不一致(边框和顶部之间的间距小于边框和底部之间的间距)，这可能会导致一些未对齐。理想情况下，我希望消除元素周围的所有边距/填充，并将它们适当地居中。 <div</
浏览 2提问于2016-05-27得票数 0
原因似乎是因为它的viewBox定义了一个24x24的容器，而唯一可见的路径是定义了一个79.17x83.33的容器(如果你在Google Chrome中检查SVG，你就会看到它)。假设这个假设是正确的，你如何校正viewBox，这样就不会有额外的填充，希望这会导致飞机居中？还有其他答案建议重新定位/转换SVG以使其居中，但这不是目标。其目标是修改viewBox，移除可见元素周围的额外填充，并允许SVG自然地居中</
浏览 10提问于2019-11-22得票数 1
我有一个SVG，我希望扩展到它的父容器的大小。为了论证起见，我们假设父容器是width: 10rem; height: 10rem;，我希望如下所示：在SVG上，将SVG大小调整到其父容器，并将其中心放在X轴和Y轴上。例如，我做的数字越小(第二组数字)，viewBox中的SVG就越大。
下面是一个代
浏览 1提问于2018-05-15得票数 1
回答已采纳
我有一个简单的HTML文件： <div class="container" id="main"></div></body>var svg =
浏览 0提问于2021-09-03得票数 1
我在SVG地图上有一个圆形别针。SVG在一个带有overflow:hidden的div "location-map“中。SVG维度大于div维度。<div class="location-map"></div>
svg.selectAll(".pin&quo
浏览 0提问于2015-10-01得票数 1
1回答
我正在建立一个网页，使用SVG，画布，当然，HTML。这个页面的想法是在画布上重绘一些svg路径的动画。我喜欢重画的路径是用名称空间属性注释的，所有其他路径都是按原样显示的。这一切都工作得很好！但首先是页面设置的一个小插图：
SVG和画布都是4000 *4000px宽，并且直接位于一个容器div中。从一个“页面”转到另一个页面意味着在这个容器的左上边缘之间进行补间。自从关于插入文本的讨论转向使用html <em
浏览 0提问于2011-06-01得票数 0
1回答
我有一个SVG路径，无论窗口宽度如何变化，我都希望在SVG视图中水平居中(就像在# like中的背景img那样)。我还没找到解决办法..。 width: 100vw;} fill: #0400ff;<divclass=container">
<svg id=&quo
浏览 3提问于2019-10-23得票数 0
回答已采纳
使用sharp向图像添加文本的唯一方法是创建一个svg，然后使用复合函数将其应用于源图像。= 25; <svg} input: label, left: 0,然而，我很难让文本
浏览 2提问于2021-01-24得票数 1
1回答
我正在创建一个非常长的页面，中间有一个非常宽的SVG图像。我基本上希望页面垂直滚动，直到到达该图像，然后水平滚动到图像的末尾，然后继续垂直滚动到页面的底部。
浏览 3提问于2014-11-09得票数 1
我使用SVG来显示结果，并希望在defaultSize容器的中心对齐项目。在chrome中，svg图像可以正确居中，但在IE 11中，svg图像的顶部和底部会显示额外的空间，垂直滚动条也会显示。 scale(2); -webkit-transform-origin: left;} <divclass="defaultSi
浏览 18提问于2019-04-02得票数 2
2回答
我有下面的选项卡面板，我想在其中水平居中显示svg元素。我的css适用于第一个svg元素(柱状图)，但不适用于第三个元素(圆环图)。这两个都位于标签内容父元素中的div中，但只有一个获得了css修饰符。如何使圆环图在其父svg中居中？Here是我正在编写的代码。ipsum</small></h3>
<svg id="char
浏览 44提问于2020-07-15得票数 0
1回答
如何在.svg_wrapper中水平居中显示此SVG
<div class="svg_wrapper"> <stroke-dashoffset" from="0" to="600" dur="2s" repeatCount
浏览 13提问于2014-07-21得票数 3
回答已采纳
1回答
下面的代码()在CSS中实现了图像查看器<!display: block; }
</head> <div/image/800px/svg_to_png/19623/philrich123-A380.png" />
</div</
浏览 6提问于2016-08-30得票数 1
回答已采纳
我在DIV中有一个SVG元素和一个BUTTON元素。在Button中，它垂直和水平居中对齐，在DIV中，它上下对齐。 <svg xmlns="http://www.w3.org/2000/svg" w
浏览 0提问于2015-01-20得票数 3
2回答
我试图使用flexbox来显示在容器中以水平为中心的可变数量的图像图标。
我已经成功了(1)和(3)，但(2)给我带来了麻烦。图像不是彼此相邻绘制的。<div class="fl
浏览 3提问于2020-04-18得票数 2
回答已采纳
1回答
我正在尝试制作一个从svg路径容器获取特定属性的小页面。我有一个简单的表单，我将在其中键入我的代码到一个文本区域表单中，它的开头是这样的：<svg id="svgmap" version="1.1&
浏览 1提问于2015-02-19得票数 1
我正在尝试创建一个缩略图类型的div列表。divs有固定的高度和宽度。div包含一个图像和一个标题文本。图像和标题文本都需要位于容器div的垂直和水平中心。我可以将图像居中，但不太清楚如何定位文本。.thumb { width: 96px; cursor: pointer;.thumb svg{ width: 100%;
ma
浏览 0提问于2018-11-23得票数 0
云服务器
ICP备案
云直播
腾讯会议
实时音视频
腾讯云开发者
