做文章系统时, 如何让长篇的文章自动换行

做文章系统时, 如何让长篇的文章自动换行 
这个问题曾经有很多人提及的，根据网上的解决方法可是导致英文词语被拆散换行

网上大多数文章的说法，只要在CSS中加入： 
table { 
table-layout:fixed; 
word-break:break-all; 
word-wrap:break-word; 
} 
div { 
word-break:break-all; 
word-wrap:break-word; 
}

就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部被截断了，这不符合英语的书写习惯也不利于阅读。 
后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。 
如下： 
table { 
table-layout: fixed; 
word-wrap:break-word; 
} 
div { 
word-wrap:break-word; 
}

赞 (0)

相关推荐

  • 做文章系统时, 如何让长篇的文章自动换行

    做文章系统时, 如何让长篇的文章自动换行  这个问题曾经有很多人提及的,根据网上的解决方法可是导致英文词语被拆散换行 网上大多数文章的说法,只要在CSS中加入:  table {  table-layout:fixed;  word-break:break-all;  word-wrap:break-word;  }  div {  word-break:break-all;  word-wrap:break-word;  } 就可以解决表格和层被撑破,最初我也是这样做的.不过这样的代码会造成一

  • 详解安装Ubuntu Linux系统时硬盘分区最合理的方法

    无论是安装Windows还是Linux操作系统,硬盘分区都是整个系统安装过程中最为棘手的环节,网上的一些Ubuntu Linux安装教程一般都是自动分区,给初学者带来很大的不便,下面我就根据多年来在装系统的经验谈谈安装Ubuntu Linux系统时硬盘分区最合理的方法. 在讲硬盘分区之前,我先来普及一下硬盘的相关分类,硬盘一般分为IDE硬盘.SCSI硬盘和SATA硬盘三种,在Linux系统中,IDE接口的硬盘被称为hd,SCSI和SATA接口的硬盘则被称为sd,其中IDE硬盘基本上已经淘汰,现在

  • 电脑安装windows与Centos双系统时引发问题小结

    电脑安装windows与Centos双系统时引发问题小结

    电脑装双系统时,首先要安装windows系统,在硬盘中划分一块空闲的分区,用来安装centos系统(可以借助"软碟通"用来安装). 当centos系统装完后,重起电脑此时发现系统无法选择进入windows,这是centos系统安装完成后把mbr引导改写成为grub2引导,而centos不识别windows的ntfs分区,所以启动项没有windows. 解决办法:首先保证电脑可以连接互联网,在centos系统中输入以下命令 yum -y install epel-release yum

  • 用系统自带工具在安装系统时给新硬盘分区图解_图解硬盘分区

    用系统自带工具在安装系统时给新硬盘分区图解 screen.width-461) window.open('/upload/20071011135718630.jpg');" src="http://files.jb51.net/upload/20071011135718630.jpg" border=0> screen.width-461) window.open('/upload/20071011135719793.jpg');" src="htt

  • VMware Workstation/Fusion 中安装 Fedora 23/24 及其他 Linux 系统时使用 Open VM Tools 代替 VMware Tools 增强工具的方法

    VMware Workstation/Fusion 分别是 Windows/Linux 和 macOS 下面对应的桌面虚拟化软件.过去,在 VMware 中安装了操作系统虚拟机后,需要在虚拟机中再安装 VMware Tools 增强工具用来实现宿主机和虚拟机之间的文件共享.虚拟机显示分辨率自适应调节.虚拟机显示能力增强及 3D 加速等功能. 但随着 Linux 系统内核及周边环境的不断发展,目前 VMware 已经不再推荐在 Linux 虚拟机中安装 VMware 官方的增强工具了,转而推荐用户

  • 做购物车系统时利用到得几个sqlserver 存储过程

    即以游客身份登录网站时以cookie的方式存储购物车,而以登录用户的身份进入时将购物车信息存储到数据库中去,若是先以游客身份完成购物再登录继续购物,则将cookies购物车存入数据库: 其中涉及到的存储过程主要如下: 一:已登录会员添加商品到购物车功能: 复制代码 代码如下: /* @store_sum表示要添加的商品数量,添加同时确认购物车中自己已有的数量与将要加入的数量之和是否超过库存 */ CREATE proc ncp_Cart_Add ( @store_id int, @store_s

  • 手把手带你分析SpringBoot自动装配完成了Ribbon哪些核心操作

    手把手带你分析SpringBoot自动装配完成了Ribbon哪些核心操作

    目录 一.项目案例准备 1.Order服务 2.User服务 二.Ribbon原理分析 1.RibbonAutoConfiguration 2.LoadBalancerAutoConfiguration 总结 一.项目案例准备 首先我们大家案例环境,通过[RestTemplate]来实现服务调用,通过[Ribbon]实现客户端负载均衡操作. 1.Order服务 我们的Order服务作为服务提供者.创建SpringBoot项目,并添加相关依赖 <?xml version="1.0"

  • spring boot 若依系统整合Ueditor部署时上传图片错误问题

    前言:国庆假期找了个ruoyi版本的cms玩玩,从git上看,介绍如下图: 后台部分截图: 编辑​ 编辑​ 编辑​ 编辑​ 前台blog截图: 编辑​ 编辑​ 看上去还可以不错,于是clone下来玩玩,结果发现,发布文章的时候,编辑器有问题,上传不了图片,还有其他几个地方有问题,怎么解决呢?自己上手撸代码,修改呗.于是,下载了ueditor的源码,加到项目中,进行修改.现在已经修改完成,并且也发布到的服务器上了,欢迎大家访问测试.文末会有凯哥修改后的git地址o~ 正文: 在spring boo

  • php添加文章时生成静态HTML文章的实现代码

    php添加文章时生成静态HTML文章的实现代码

    PHP生成静态文章HTML,有批量的生成,但比较标准的应该是在添加文章时就生成HTML文章,编辑时再重新生成HTML文章,删除文章时同样也样删除多余出来的HTML文章,这时批量生成就显得有点力不从心了,下面就介绍一下PHP在添加文章时如何生成静态的HTML文件. 简单的添加文章表单这里就不写了,下面的这些源码是接受表单传过来的值而执行的程序源码,可以先拿过去测试一下... 复制代码 代码如下: <?php ob_start(); require_once("../inc/conn.php&

  • Android 日志系统Logger源代码详细介绍

    我们知道,在Android系统中,提供了一个轻量级的日志系统,这个日志系统是以驱动程序的形式实现在内核空间的,而在用户空间分别提供了Java接口和C/C++接口来使用这个日志系统,取决于你编写的是Android应用程序还是系统组件.在前面的文章浅谈Android系统开发中LOG的使用中,已经简要地介绍了在Android应用程序开发中Log的使用方法,在这一篇文章中,我们将更进一步地分析Logger驱动程序的源代码,使得我们对Android日志系统有一个深刻的认识. 既然Android 日志系统是

随机推荐