我有一个SVG，它在Firefox和Chrome中呈现得很好，但在Edge中，文本不能垂直居中。 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<rect fill="#ff0000" x="0&qu
浏览 26提问于2019-02-27得票数 1
也许有人知道这种情况，当文本在svg块内不垂直中心时<pre>
<svg class="mask-text category-title" viewBox="0 0 69.34375 18"><defs><mask id="mask" x="0" y="0" width="100%" height="100%"><text c
浏览 2提问于2019-11-28得票数 1
回答已采纳
对于一个响应性网站，我试图用SVG对文本进行居中并缩放其字体大小，这样我就不需要使用JavaScript进行任何计算了。我的第一个问题是，我尝试在x="50%"和y="50%"中使用text-anchor="middle"和alignment-baseline="central"，但是这在Chrome中有效，在IE、Edge和Firefox中</e
浏览 2提问于2017-08-27得票数 3
回答已采纳
我想在这个圆圈里放一个完全居中的角色：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink<circle style="fill:#eeeeee" cx="50" cy="50" r="50"&g
浏览 2提问于2015-04-21得票数 2
回答已采纳
2回答
下面我有一个非常简单的svg； <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 194 186" classtimer" text-anchor="middle" x="175" y="35" style="f
浏览 9提问于2016-04-04得票数 0
回答已采纳
我正在尝试格式化一系列标签和svg元素；但是，我似乎无法正确地对齐。到目前为止，我已经搜索了各种css对齐策略，但一无所获。下面的代码生成了一个标签和一个文本居中的框。我希望标签文本和框中的文本垂直居中到同一行。目前，它们被抵消了一点。我还注意到两个元素周围的边距不一致(边框和顶部之间的间距小
浏览 2提问于2016-05-27得票数 0
2回答
你能帮助我理解为什么我的svg拒绝调整高度来帮助我在div容器中垂直居中吗？其主要思想是将svg水平和垂直居中放到一个div中。我试试这个：
<div id="svg-
浏览 1提问于2016-09-10得票数 26
回答已采纳
我对Chrome 61和59 (可能是其他版本)的行为有一些问题。
情况如下:在我的柔性盒布局中，我有一个section。为了使文本垂直居中，我在textwrapper上使用了textwrapper，在p上使用了display:table-cell。这在我测试过的所有浏览器(IE11，FF56)中都很好，但在Chrome中，它在页面调整大小事件(打开开发人员控制台
浏览 0提问于2017-10-24得票数 1
回答已采纳
1回答
滑块中的图像和文本排列
、、、、
我正在为一个网站做一个滑块，我希望图片在左边，相应的文本在右边。我已经做到了，但不是很完美。图像后面的div已经扩展到图像下面，文本按照div而不是图像进行居中。因此，文本&按钮出现在图像的底部边缘附近。我纯粹是通过ReactJS对网站进行编码，这是我的代码- width: 100%;
hei
浏览 3提问于2022-08-03得票数 0
回答已采纳
1回答
SVG中的居中文本与React
、、、、
首先，是的，我已经找到了很多其他的答案。但他们不是为我工作的。由于我必须能够把它放在左，中或右，(水平和垂直)，我试着变得有点通用，并计算x和y的编程。下面是一个例子：红色框是文本</e
浏览 1提问于2017-10-13得票数 3
回答已采纳
3回答
我尝试在父元素中居中SVG元素。然而，我发现Chrome和Safari之间存在差异。在Chrome上，下面的代码可以很好地将文本在正方形内居中，但在Safari上则不然： <g transform="translatestyle="fill: white" transform="sc
浏览 2提问于2017-02-02得票数 2
使用D3时，我希望有一个Y轴标签，它是旋转的-90°，并以Y轴为中心。(由svg占用的垂直区域)。上面的代码将在图表的左下角呈现一个<text>元素，然后将相对于左下角的文本居中。width不会改变，因此它不是被居中，而是从svg的左下角运行。我已经猜到，如果width等于图表的height，那么里面的文本就会<em
浏览 4提问于2012-08-27得票数 6
回答已采纳
</a>
我的问题是图形中的文本标签。我在我的网站上到处使用这个按钮设计，只是文本和它的大小不同。当我最初设计这个系统时(在第：页上，然后在上)，我使用了边距和填充CSS控件来使文本在按钮内垂直居中。但这取决于static字体的高度。现在我想使用一个更高的字体，但无法让它
浏览 0提问于2013-03-26得票数 0
回答已采纳
我正在使用向图像添加文本标签。使用sharp向图像添加文本的唯一方法是创建一个svg，然后使用复合函数将其应用于源图像。alpha: 1 },}).composite([{ top: 0,}]).png().toBuffer();
然而，我很难让文本正确地使用容器中的可用空间文本应该在svg中<e
浏览 2提问于2021-01-24得票数 1
4回答
我有一个带有2行文本的jQuery移动按钮，具有以下CSS规则： word-wrap: break-word !important;jQuery使用类ui-btn-inner ui-btn-corner-all在文本周围创建了一个跨度。有谁知道如何在按钮中垂直</
浏览 1提问于2012-05-29得票数 0
回答已采纳
3回答
示例如下：input { box-sizing: border-box; height: 50px;}
这是怎么回事，我如何让文本输入在IE中以垂直居中的方式“正确”
浏览 2提问于2013-05-25得票数 5
回答已采纳
1回答
在OSX10.10.5上使用QPushButton呈现PyQt4时，文本不在按钮中居中。相反，文本似乎与按钮的顶部边缘对齐。self.pushButton.setStyleSheet("text-align: center")
但这并没有明显的效果。另外，在Linux上运行相同的代码时，我没有看到这个问题。如何在OS上垂直对QPushButton文本<
浏览 3提问于2016-04-06得票数 1
回答已采纳
我正在尝试获取一个gzipped压缩的SVG文件的内容，并将其附加到超文本标记语言中，然后使用d3.js处理元素。一切都很好，SVG文件的所有内容都可以使用jquery解析并添加到DOM中，所有浏览器都呈现SVG内容中的style标记，并将所有这些样式应用于除Microsoft Edge之外的SVG元素。通过在浏览器上直接从文件
浏览 4提问于2017-08-09得票数 1
回答已采纳
1回答
我在SVG中有一个代码： <rectattributeType="CSS" attributeName="opacity" from="1" to="
浏览 0提问于2011-03-27得票数 17
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
