Fatal编程技术网
  • javascript/
  • Javascript 如何勾勒出大跨度标记的轮廓？

Javascript 如何勾勒出大跨度标记的轮廓？

javascript html css svg

Javascript 如何勾勒出大跨度标记的轮廓？,javascript,html,css,svg,Javascript,Html,Css,Svg,需要一个轮廓框，如下所示： HTML代码是： <p>We <span>prefer questions that can be answered, not</span> just discussed.</p> 只能在chrome中工作，但在firefox中失败。当的线条高度为300%时，chrome也失败了。类似于： CSS: 所以你有了你想要的范围，只要把outline放在上面就行了。很简单吧D 注意：正如评论中指出的，这在Firefox中

需要一个轮廓框，如下所示：

HTML代码是：

<p>We <span>prefer questions that can be answered, not</span> just discussed.</p>
只能在chrome中工作，但在firefox中失败。当
的线条高度为300%时，chrome也失败了。
类似于：

CSS:
所以你有了你想要的范围，只要把
outline
放在上面就行了。很简单吧D




注意：正如评论中指出的，这在Firefox中似乎不起作用。现在寻找解决方案。
如果您知道如何使用CSS3，请使用它。否则，请在html页面中插入以下内容


<style type="text/css">
    span {
         border: 5px solid red;
    }
</style>




跨度{
边框：5px纯红；
}

等等什么？什么台词？@Ruddy在firefox中，有一行。不在ChromeOh中，我明白了，它在chrome中起作用，所以+1:）我投票支持你期待已久的2000哦，我明白了，它在firefox中不起作用。哈哈，我用的是chrome。指出得很好。我会调查的。没那么简单（：请仔细看这张照片。没那么简单（：请仔细看这张照片。将来有用的是
文本大纲
，它不受支持是的你只是在和我们捣乱，不是吗@linuor；）卡罗尔·麦凯，我不是故意的offense@Carol麦凯：不行。注意上面的图片。两行代码之间没有轮廓

p {
    width: 220px;
}

span {
    outline: 2px red solid;
}



<style type="text/css">
    span {
         border: 5px solid red;
    }
</style>