DIV CSS文字删除线贯穿线怎么添加

html-css020

DIV CSS文字删除线贯穿线怎么添加,第1张

DIV CSS文字删除线贯穿线添加方法如下:

1、先打开sublime_text软件,然后新建一个09.html。

2、建好09.html后,在里面定义一个html5标准声明。

3、然后在里面输入html网页的结构。

4、在输入html网页的结构中找到一个叫body标签,在body标签中添加文字。

5、添加好文字后,给p标签添加一个删除线样式。

6、运行网页,查看结果,可以看到删除线已添加好了。

IE6里面我也遇到过这种情况,但是原因是什么暂时没有找到。

解决方法:

开始的时候,我是把最后这两行调出来,插入一个表格,把文字放进去,这种情况就不会出现了。第二次,我先不管这个部分,后来发现这个问题消失了。(因为这行字下面还有内容。)

如果文字是在一个li标签或者标题中,你可以设置一个不换行,设置一个宽度,设置溢出隐藏,文字溢出用省略号替代,应该是可以解决这个问题的。

代码是:

width:160px

text-overflow: ellipsis

white-space: nowrap

overflow: hidden

希望对你有所帮助。