用word-break: break-all解决不正确换行问题

这个在新闻频道存在已久的问题,今天终于把它给解决了!

问题是这样的,当一段文字中有比较长的链接地址,会造成链接地址之前的文字不能正确换行,效果如下:

对应的html代码如下:

<p>  如图所示,你可以自行选择列表,文本会自动进行更新。更多详细内容参见:<a href="https://github.com/github/task_list" target="_blank">https://github.com/github/task_list</a></p>

之前总是把解决问题的目标锁定在<p>,结果一直没解决。

今天把目标锁定到链接<a>上,很快就找到了解决方法,给<a>添加word-break:break-all的css定义即可。

#news_body a:link, #news_body a:visited, #news_body a:active {
word-break: break-all;
}

效果如下:

时间: 2024-09-17 02:17:10

用word-break: break-all解决不正确换行问题的相关文章

防微博内容展示,使用Html.fromHtml(),解决内容不能换行的问题

使用Html.fromHtml(),解决内容不能换行的问题,模仿微博内容展示效果. 一.需求要实现的效果 如下图中箭头指向的微博内容部分,包含超链接,点击超链接后要跳转到相应的WebView页面.(csdn上传图片试了好多遍也不成功,大家脑补一下吧,辛苦了).    二. 实现思路 首先获取网络数据,通过Html.fromHtml()解析获取到的数据,这时超链接<a></a>.段落符<p>.换行符<br>等将会被展示成对应的表现形式,就会出现上图所示的效果.

关于win7系统中所有exe文件都被以word方式打开的解决方法

手残一刻,电脑桌面所有的软件快捷方式都变成了word的打开方式,鼠标右键选中某exe文件也没打开方式那个选项, 第一次尝试: 在控制面板——默认程序中修改默认打开方式,但是没有找到解决方法 第二次尝试: 万能的重启,你会发现,并没有卵用的…… 第三次尝试: 使用ctrl+alt+delete调出任务管理器,不要妄图使用在任务栏——右键——打开任务管理器,也同样只会是word方式打开,不停的报错,你想要关都关不掉,所以不用理会他,只管使用任务管理器,看到帖子上有人说:“结束掉explorer这个任

word用宏命令完美解决列表编号变黑块的问题

相信很多人跟我一样,多次定义新的多级列表,会导致列表编号变成下面这样黑块 在百度搜索结果尝试了鼠标左键选中应用样式,文档关闭后打开问题依旧: 还是得感谢万能的Google,帮我找到了答案. 问题根因: The problem occurs because the font characteristics in the list template have become corrupted. 大概意思就是模板中的字体损坏了,英文不好认不全囧. 解决步骤: 1. 打开VB编辑器 没有开发工具栏的请自

解决net-snmp正确输出MAC地址和判断空的IP地址

function readVarbinds (buffer, varbinds) { buffer.readSequence (); while (1) { buffer.readSequence (); var oid = buffer.readOID (); var type = buffer.peek (); if (type == null) break; var value; if (type == ObjectType.Boolean) { value = buffer.readBo

【word写paper】解决换行的问题

相信用word写paper或者其他什么英文的东西的朋友,都会遇到英文换行分词的问题. 我发现了一个巧妙的方法,无需任何设置,删删空格就好了. 首先,确保段落里面的设置是这样的,即是默认状态: 圈中位置不要勾选. 下面是步骤. 1.之前的英文是这样的:很乱, 2.接下两个操作.删除下一行最开始的两个单词间的空格,再还原.上一行就会自动紧缩: 之后依次类推就好了. 看看,很简单吧.

【转载】AngularJS 用$sce服务来过滤HTML标签,解决无法正确显示后台传递的html标签

angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model.但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签.如: $scope.currentWork.description = “hello,<br><b>今天我们去哪里?</b>” 我们用ng-bind-html这样的指令来绑定,结果却不是我们想要的.是这样的 hello,<br><s

RSA 分段加解密【解决“不正确的长度”的异常】

方法1: RSA 是常用的非对称加密算法.最近使用时却出现了“不正确的长度”的异常,研究发现是由于待加密的数据超长所致. .NET Framework 中提供的 RSA 算法规定: 待加密的字节数不能超过密钥的长度值除以 8 再减去 11(即:RSACryptoServiceProvider.KeySize / 8 - 11),而加密后得到密文的字节数,正好是密钥的长度值除以 8(即:RSACryptoServiceProvider.KeySize / 8). 所以,如果要加密较长的数据,则可以

c# word操作篇,解决字符串长度超过255就不能替换的问题

本文使用的是Microsoft.Office.Interop.Word组件,必须在系统安装了office相关组件的条件下进行,在com里面找到Microsoft  Word 16.0 Object Library并引用. 问题:使用c#操作word替换占位符的时候,当要替换的字符串超过一定的长度,就会提示“字符串参量过长”,搜索发现,替换的最大长度为255字符. 以220个字符串为例,执行替换工作. //构造数据 Dictionary<string, string> datas = new D

java格式化字符串,在指定位置插入指定字符串,兼容中英文以及特殊字符,例如:换行,用于解决生成pdf换行问题等问题

原因: 由于html转pdf时,不能自动换行,因此才有下面的代码. 注释:完全模拟html页面的自动换行! package test; import java.io.UnsupportedEncodingException; /** * 解决pdf换行问题,在指定位置插入指定字符串,兼容中英文以及特殊字符 * * @author xg君 * */ public class app { public static void main(String[] args) throws Unsupporte