注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

你所要的信息,请收入囊中。

 
 
 

日志

 
 

div强制换行和强制不换行方法  

2015-05-30 20:52:20|  分类: 计算机 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

div强制换行和强制不换行方法

 

1、强制不换行,同时以省略号结尾。

<div style="width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; " >
这是我的博客,欢迎大家访问。

</div>

2、css自动换行
div{ word-wrap: break-word; word-break: normal; }

3、css强制英文单词断行
div{word-break:break-all;}

若是div多层嵌套,要使内层div根据内容自动换行,则可只设置外层的div宽度和white-spance:nowrap即可。

 

  评论这张
 
阅读(56)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017