查看: 225|回复: 0

div中p标签文字不换行溢出的解决方法

[复制链接]

144

主题

247

帖子

125

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
125
发表于 2017-10-28 23:22:48 | 显示全部楼层 |阅读模式
今天群里的童鞋问了一个很有意思的问题,咋说呢,也不算是错误吧,如果说是错误也是计算机的错。
简单来说就是div中p标签文字不换行溢出,具体情况看下图:

文字溢出

文字溢出

代码如下:
  1. <div id="rightcolum"><h3>欢迎走进宇泽电子科技有限公司</h3>
  2.     <img src="images/yuze2.jpg" width="200" height="152" />
  3.     <p>wwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</p>
  4.     <p>dssssssssssssssssssssssssssssssssssssssss</p>
  5.     </div>
  6.     </div>
复制代码
正常来讲,他是不会溢出的,看见很多网友说在css属性上加代码,比如:
  1. overflow:hidden;
复制代码

如我所料,他解决不了问题。经过反复的查找,发现了这个问题:
因为这些字母都是连着的,所以系统应该是把他当作了一个单词,所以没有换行,解决方法就是加空格。
果然解决了这个问题。
希望对大家也有所帮助,谢谢支持
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题 快速回复 返回列表 官方QQ群
快速回复 返回顶部 返回列表