小技巧:DIV中显示字符不完整的解决方法

image

我做的是一个浮动DIV,里面显示一句话“Check Action Alerts”,可能这句话不是一定的,以后很可能字数会变长变短。所以在这里不能够把它的宽度写死,那样就不灵活了!如上图的图标所示。

但是在浏览器中显示仍然只有那么一个词“Check ”(如下图)

image

经过1个小时的“周旋”!又是设置position,设置N 个HTML属性,无果!最后无厘头的感觉这些词有玄机。于是乎把它加上了一堆不是单词的字符;看下图,

image

再看浏览器里的效果:

image

解决方法:观察发现,和该死的空格有关系,于是把空格替换成   即可!

效果如下图:

image

再看浏览器中的效果:

image

总结,这个问题其实就是代码字符中带有空格引起的,标准的HTML的代码空格是需要使用 来替代的,这样问题就很清楚了!应该来讲,N年前遇到过,但是没有记录,所以无处找答案。。

是个小问题,但是能折磨死你,所以写下来以备忘,或许能帮助其他遇到这个问题的人。

原文地址:https://www.cnblogs.com/dadongzuo/p/2252723.html