html – 对角线穿过或

概述我想要从< div>的右上角绘制一条对角线。或< span>到左下角问题是内容有时会更长或更短。所以，像静态图像的东西不行。基本上我想要这里描述( How to create a diagonal line within a table cell?)，但是对于< div>或< span>。 这有一些有趣的想法：http://jsfiddle.net/zw3Ve/11/ 这样做：http://css 我想要从< div>的右上角绘制一条对角线。或< span>到左下角问题是内容有时会更长或更短。所以，像静态图像的东西不行。基本上我想要这里描述( How to create a diagonal line within a table cell?)，但是对于< div>或< span>。

这有一些有趣的想法：http://jsfiddle.net/zw3Ve/11/

这样做：http://css-tricks.com/forums/discussion/13384/diagonal-line/p1

这是这个帖子的一个重试：How to strike through obliquely with css

我看起来似乎没有任何想法。看起来纯粹的CSS解决方案应该在这里工作，但是我根本就没有这样的技能。 jquery也是我的选择。

解决方法 是第一个小提琴作为例子与在背景中的图像而不是不够好吗？

http://jsfiddle.net/zw3Ve/410/

.line {    display:inline-block;    border: 1px solID #ccc;    margin: 10px;    padding: 10px;    background:url(http://i.piccy.info/i7/c7a432fe0beb98a3a66f5b423b430423/1-5-1789/1066503/lol.png);    background-size:100% 100%;}

总结

以上是内存溢出为你收集整理的html – 对角线穿过或全部内容，希望文章能够帮你解决html – 对角线穿过或所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。