- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下内联使用的 SVG:
<svg width="30" height="23" viewBox="0 0 1398 1648"><path d="M1110.5 1008.81q37.8031 0 64.4934 -26.7359q26.6902 -26.7359 26.6902 -64.4477q0 -37.7118 -26.6902 -64.4477q-26.6902 -26.7359 -64.4934 -26.7359q-37.6729 0 -64.4282 26.7554q-26.7554 26.7554 -26.7554 64.4282q0 37.712 26.69 64.4478 q26.69 26.7358 64.4936 26.7358zM1085.83 924.412q10.313 0 17.6013 7.33401q7.28831 7.33401 7.28831 17.5547q0 10.352 -7.26875 17.6203q-7.26875 7.26836 -17.6209 7.26836q-10.3515 0 -17.6201 -7.26839q-7.26859 -7.26839 -7.26859 -17.6203 q0 -10.3513 7.26868 -17.62q7.26868 -7.26868 17.62 -7.26868zM267.895 1017.63q37.6729 0 64.4288 -26.7554q26.7558 -26.7554 26.7558 -64.4282q0 -37.6728 -26.7558 -64.4282q-26.7558 -26.7554 -64.4288 -26.7554q-37.6723 0 -64.4279 26.7555 q-26.7557 26.7555 -26.7557 64.4281q0 37.7118 26.6902 64.4477q26.6902 26.7359 64.4934 26.7359zM243.232 932.558q10.3513 0 17.62 7.26868q7.26868 7.26868 7.26868 17.62q0 10.3513 -7.26868 17.62q-7.26868 7.26868 -17.62 7.26868t-17.62 -7.26868t-7.26868 -17.62 q0 -10.3513 7.26868 -17.62q7.26868 -7.26868 17.62 -7.26868zM1297.39 766.48q58.4139 -70.152 77.5266 -147.337q19.1127 -77.1851 0.84226 -148.941q-18.2704 -71.756 -74.3439 -137.208q-56.0735 -65.4515 -140.522 -113.902q-84.4482 -48.4505 -205.702 -77.1412 q-121.254 -28.6907 -262.375 -28.6907h-1.35742q-141.109 0 -262.307 28.7563q-121.198 28.7563 -205.536 77.3021q-84.3387 48.5458 -140.302 114.099q-55.9633 65.5534 -74.1281 137.387q-18.1648 71.8339 1.01167 149.044q19.1765 77.2102 77.5926 147.309 q-14.4449 16.0507 -27.1514 37.1074q-50.7359 85.8689 -25.8788 182.368q24.8571 96.4988 110.727 147.071q85.8681 50.736 182.367 25.8788q96.499 -24.8572 147.07 -110.727q18.6952 2.39837 35.7852 -12.6865q17.09 -15.0849 32.7898 -38.5143 q15.6998 -23.4294 33.9779 -47.1394q18.2781 -23.71 47.3972 -40.6321q29.1191 -16.9221 65 -16.9221h4.52539q35.764 0 64.8242 16.8335q29.0602 16.8335 47.3461 40.4617q18.2859 23.6282 33.9778 47.0057q15.6919 23.3775 32.7387 38.5612 q17.0468 15.1837 35.6093 13.0324q6.28875 9.74797 14.708 20.3633q62.6399 77.4092 161.749 87.8468q99.1089 10.4376 176.513 -52.3234q77.4092 -62.6398 87.8468 -161.749q10.4376 -99.1094 -52.3234 -176.513zM802.327 680.953l-35.5234 -58.375h99.5557 l-35.5234 58.375q-2.03613 3.39404 -5.42969 5.43066q-14.2804 8.56928 -23.0791 -5.43066zM553.212 680.953l-35.5234 -58.375h99.5557l-35.5225 58.375q-2.03861 3.39572 -5.43066 5.43066q-14.2804 8.56928 -23.0791 -5.43066zM154.085 797.932 q53.2982 -47.1605 124.218 -42.9054q70.9195 4.25509 118.109 57.3859q43.2158 48.487 43.2158 113.584q0.355782 77.4576 -57.6963 128.743q-53.2625 47.2016 -124.219 42.99q-70.956 -4.21163 -118.109 -57.4705q-47.2018 -53.2623 -42.9904 -124.219 q4.21144 -70.9562 57.4708 -118.109zM1005.51 430.028q3.40299 2.55133 0.905273 5.88281q-1.81575 2.54331 -4.97754 1.35742q-159.065 -58.6016 -309.301 -58.6016q-150.237 0 -309.302 58.6016q-3.84115 1.70779 -5.42969 -2.2627q-1.18588 -3.16179 1.35742 -4.97754 q44.4155 -32.4157 158.521 -66.7777q114.106 -34.362 154.853 -34.362q40.7469 0 154.852 34.362q114.105 34.362 158.521 66.7776zM1239.01 804.267q43.2168 48.8367 43.2168 113.584q0.355778 77.4568 -57.6973 128.743q-53.2618 47.2016 -124.218 42.99 q-70.956 -4.21163 -118.109 -57.4705q-47.2016 -53.2625 -42.99 -124.219q4.21163 -70.956 57.4705 -118.109q53.2623 -47.2018 124.219 -42.9904q70.9562 4.21144 118.109 57.4708zM692.138 925.996q-32.3148 0 -60.1187 13.6801t-46.3427 33.2041 q-18.5387 19.524 -34.084 39.048q-15.5453 19.524 -30.3775 33.2041q-14.8322 13.6801 -28.1884 13.6801q29.4644 14.7821 79.2422 23.0971q49.7778 8.31494 84.8235 9.23882l35.0456 0.923882q14.8633 -0.00730341 38.7111 -0.925708q23.8478 -0.918405 77.3412 -9.23517 t83.0581 -23.0989q-13.3562 0 -28.1883 -13.6801q-14.8321 -13.6801 -30.3773 -33.2041q-15.5451 -19.524 -34.0837 -39.048q-18.5386 -19.524 -46.3424 -33.2041q-27.8038 -13.6801 -60.1186 -13.6801z" transform="translate(0,1792) scale(1, -1)" style="fill: currentcolor;"></path></svg>
<img src="gab.svg" />
<object type="image/svg+xml" data="gab.svg" class="logo">Gab</object>
最佳答案
它是一个 XML 文件,因此您至少需要告诉浏览器它是一个 SVG 文件。您可以通过添加 xmlns
来做到这一点。属性到根 <svg>
元素。
<svg xmlns="http://www.w3.org/2000/svg" ....
xlink:href
的图标属性,您还应该添加
xlink
命名空间。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ....
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" ....
关于html - 将内联 SVG 转换为 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49041381/
我之前已经发布了一些这样的代码,试图在正确的位置获得侧边栏链接并以一种特殊的方式看起来,我决定朝着不同的方向前进。我现在需要的是知道我应该做什么来获得我在侧边栏旁边而不是下方标记为“内容”的 div。
我试图让多个 inline 和 inline-block 组件在 div 中垂直对齐。这个例子中的span怎么就非要往下推呢?我已经尝试了 vertical-align:middle; 和 verti
我试图让多个 inline 和 inline-block 组件在 div 中垂直对齐。这个例子中的span怎么就非要往下推呢?我已经尝试了 vertical-align:middle; 和 verti
我试图让多个 inline 和 inline-block 组件在 div 中垂直对齐。这个例子中的span怎么就非要往下推呢?我已经尝试了 vertical-align:middle; 和 verti
我很困惑...所以我在容器中有一个 UL,当我更改 UL 上方的 DIV 时,它似乎会影响 UL 之后的流程...发生了什么事? DIV 是 block 元素,对吗?和 UL 一样,对吧? 所以在这个
我问这个基本问题是为了澄清事实。都提到了这个问题及其目前接受的答案,这是不令人信服的。然而,投票第二多的答案提供了更好的洞察力,但也不是完美的。。在阅读下面的内容时,请尝试区分内联关键字和“内联”概念
function roll_over(img_name, img_src) { document[img_name].src = img_src; } 我使用此代码来显示 T 恤并在鼠标悬停时显
是否可以在 AngularJS 表达式的内联 if 语句中包含多个语句?例如,以下失败: ng-change="someCondition() ? doA(); doB() : doC()" ng-c
我在 RStudio 中使用 R Markdown 创建一个混合 Markdown 和 R 输出的报告。我知道如何在 Markdown 中使用内联 R 表达式,但我想知道如何进行相反的操作,即在 R
我们无法将表单标签添加到内联 CKEditor来自 chrome 和 IE,但它在 Firefox 中运行良好。如果我们将表单添加到内联 CKEditor,它会删除表单标签。 例如:如果我在 Fire
在我的 HTML 代码中,我有两个输入: Yes No 现在我有一个默认情况下的 div,因为它的样式显示内联,我希望当我单击“否”时,它会使其样式不显示,而"is"则会使其内联,所以我制作了此功
如何在 PowerShell 中创建带有内联 If 的语句(IIf,另请参阅: Immediate if 或 ternary If )? 如果您也认为这应该是 native PowerShell 函数
嗨。我在阅读以下问题后提出这个问题:Question_1和 Question_2 。 Question_1 没有任何合适的答案,Question_2 有替代解决方案,但不是完美的解决方案。 这里我有两
有人可以帮我解决以下语法或告诉我是否可行吗?因为我要修改 if ... else ... 条件。我不想在列表中添加重复的值,但我收到了 KeyError。 其实我不太熟悉这种说法: twins[val
有时我喜欢滥用 python 语法,特别是短的 if block : if True : print 'Hello' else : print 'Bye' 现在我尝试对函数定义做同样的事情: i
我在尝试将 Logo 容器底部对齐到零高度父级时遇到了问题。最好,我想用纯 CSS 来实现这一点。 在附带的 fiddle 中,我想让 control-group 的底部与零高度 panel 元素的顶
我需要内联编写 HTML 和 Javascript 代码,即在 HTML 正文中(需要显示一些随机整数值)我搜索了很多博客,但到目前为止没有找到任何帮助。请指教。 我想实现这个功能: Offer
好吧,这更多的是要求澄清 C++ 的一个特性是如何工作的,而不是一个是否可以的答案。我将从解释我遇到的问题开始,因为直接的答案是它不是一个很好的类设计。 我有一个类正在形成一个无法维护的 if 语句
我正在我的 C# 代码中获取一个数据库行。行包含 3 个不同的标志(3 列具有 true 或 false 值)。这些列中只有一列为真,这将决定该对象的类型。我如何在一行代码中确定该对象的类型。如果所有
在 CSS 中,我如何才能只将电话号码加粗,以便它与声明的其余部分内联,但电话号码是加粗的? 而不是在 HTML 中这样做: › Start posting jobs today– 0
我是一名优秀的程序员,十分优秀!