DIV中文字不换行解决办法

解决办法如下：

word-wrap ： normal | break-word

设置或检索当当前行超过指定容器的边界时是否断开转行。

normal：: 控制连续文本换行。
break-word：: 内容将在边界内换行。如果需要，词内换行（word-break）也会发生。

overflow 属性规定当内容溢出元素框时发生的事情。

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

<styletype="text/css">
div{
width:100px;
height:100px;
border:1px solid #f00;
word-wrap:break-word;
overflow:hidden;
}
</style>
<div>
ssssssssssssssssssssssssssssssssss
</div>

2013-07-26新增：

如果上面的DIV中各文字之间加入<span>标签，好像就不起作用了（还是不自动换行）。

解决办法：

.link_middle span{display:-moz-inline-box;display:inline-block;
}

经测试兼容各种版本浏览器

转载于:https://blog.51cto.com/xuqin/1124442

DIV中文字不换行解决办法相关推荐

eclipse注释里面中文字大小不一致解决办法。eclipse注释里面数字后中文字号变大解决办法。eclipse注释里面符号后字体变小的方法。调成中欧字符仍然没用解决方案
[问题] Eclipse中文字号大小不一.尝试过网上所说的修改为中欧字符仍然没变. [解决方案] 1. 进入设置字体的界面:Window→Preferences→General→Appearences ...
使用echart的雷达图的时候,如果文字越界的解决办法记录,标签文字自动换行
使用echart的雷达图的时候,如果文字越界的解决办法记录,标签文字自动换行前几天项目中有一个图表的是用echart生成的,遇到一个问题,就是在手机端显示的售时候,如果文字太长就会超出div,之前的 ...
使用swiper组件的transform属性导致文字模糊的解决办法
使用transform属性导致文字模糊的解决办法我先说说我的问题吧,我是因为使用swiper等类似的轮播插件中在较小的的分辨率比如电视上的看板,使用的960*540的分辨率下出现抖动以及文字模糊有锯 ...
SyntaxHighlighter行号显示错误及代码太长无法换行解决办法
2019独角兽企业重金招聘Python工程师标准>>> SyntaxHighlighter是一个使用JavaScript编写的功能齐全的代码语法高亮的软件.如果一行代码或注释太长的话 ...
linux eclipse乱码,Eclipse项目中乱码问题的解决办法
一.产生的原因: 1.Http协议进行通信的时候是基于请求和响应的,传输的内容我们称之为报文! 2.Http协议会按照一定的规则将报文编码,然后在读取的时候再使用响应的解码格式进行解码! 3.这个一定 ...
不定宽高的div中文字垂直居中
最近公司的项目里面有个要调样式的页面 , 可能是很长很长时间没有写过css样式方面的东西了.吐槽一下我自己,只是一个简单的界面就让我苦恼了很久需求:在不定宽高的div中文字垂直居中 div1的宽高 ...
异常“只能在执行Render()的过程中调用RegisterForEventValidation”的解决办法（转）...
当出现下面的异常的时候: 只能在执行Render()的过程中调用RegisterForEventValidation 当出现的异常的提示: 异常详细信息: System.InvalidOperatio ...
因为返回有true ajax提示进入错误,jquery ajax中error返回错误解决办法
转自:https://www.jb51.net/article/72198.htm 进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个 ...
C#界面设计--5--Bitmap.save保存图片时： GDI+ 中发生一般性错误解决办法
Bitmap.save保存图片时: GDI+ 中发生一般性错误解决办法源程序: var date = DateTime.Now.ToString("yyyy-MM-dd");/ ...

DIV中文字不换行解决办法

DIV中文字不换行解决办法相关推荐

最新文章

热门文章