程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了<number>%<number> 在 CSS 长度中是什么意思,例如 100%25大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决<number>%<number> 在 CSS 长度中是什么意思,例如 100%25?

开发过程中遇到<number>%<number> 在 CSS 长度中是什么意思,例如 100%25的问题如何解决?下面主要结合日常开发的经验,给出你关于<number>%<number> 在 CSS 长度中是什么意思,例如 100%25的解决方法建议,希望对你解决<number>%<number> 在 CSS 长度中是什么意思,例如 100%25有所启发或帮助;

我今天遇到了一些代码,其中作者将长度声明为 <numeric value>%<numeric value>

CSS:wIDth: 100%25;
HTML/SVG:wIDth="100%25"

我已经写 CSS 多年了,我从来没有见过像这样声明的长度。它似乎适用于 HTML、SVG 和 CSS。

这是某种形式的速记吗?这是什么意思?我曾尝试寻找答案,但主题的性质使我很难找到一些东西。

Original code:

<svg vIEwBox='0 0 900 900' xmlns='http://www.w3.org/2000/svg'>
    <foreignObject wIDth='100%25' height='100%25'>
        <div xmlns='http://www.w3.org/1999/xhtml'>
            <style>
                .c{
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    margin:0;
                    wIDth:100%25;
                    height:900px
                }
                .b{
                    wIDth:33.33%25;
                    height:33.33%25;
                    BACkground:red
                }
            </style>
        <div class='c'>
            <div class='b'/>
                
            </div>
        </div>
    </foreignObject>
</svg>

解决方法

您正在查看的代码包含百分比编码的 % 字符,这些字符(目前)仍未解码。

如果您进行百分比编码:

%

你得到:

%25


进一步阅读:

  • https://en.wikipedia.org/wiki/Percent-encoding

大佬总结

以上是大佬教程为你收集整理的<number>%<number> 在 CSS 长度中是什么意思,例如 100%25全部内容,希望文章能够帮你解决<number>%<number> 在 CSS 长度中是什么意思,例如 100%25所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:%例如