laravel文字+链接（英文字符）--多行换行处理

laravel框架中：一个模块中，有一些文字，文字中可能包含超链接，要让超链接正常显示，且让中文后紧跟英文，英文也换行显示：

1.HTML相关处理
前端从后端获取到的超链接数据形式是 HTML实体，要将数据进行处理转换成字符，页面上以超链接形式显示

php 中：html_entity_decode() 函数把 HTML 实体转换为字符
html_entity_decode() 函数是 htmlentities() 函数的反函数。

laravel框架里，html 页面中加上 html_entity_decode() 函数对要显示的文字数据进行处理
eg：

{!! html_entity_decode($text) !!}

其他框架处理按此处理逻辑，将数据进行

2.css 相关处理
给元素一个宽度，然后
① 设置该元素- - -word-break: break-all;
② 设置该元素下的 a 链接- - -display: inline;

.text {width: 185px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-overflow: ellipsis;// 英文换行处理word-break: break-all;
}.text a {display: inline;
}

文字中没有超链接，要多行换行处理的话，这样写就行：

.text {width: 185px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-overflow: ellipsis;
}

有链接的换行处理，英文字符换行核心样式：

.text {word-break: break-all;
}.text a {display: inline;
}

英文字符换行其他参考样式处理：

.text {word-wrap: break-word;white-space: normal;word-break: break-all;width: 200px;
}

laravel文字+链接（英文字符）--多行换行处理相关推荐

css设置超出几行显示省略号（单行、多行）,兼容数字英文不换行问题，兼容中文字符隔空换行问题
1.单行文本超长显示省略号 /* css */ p{overflow: hidden;/*超出部分隐藏*/text-overflow:ellipsis;/* 超出部分显示省略号 */white-spa ...
英文字符不换行，汉字可以，你需要这个css样式
今天遇到一个问题,在对话页面,输入aaaaaa-,一直到100(最多100)个字符,发送之后,发现超过了对话框的长度,没有换行,数字也是一样,但是输入100个汉字,就可以自动换行. 在F12里查看对话 ...
layerui的弹出层只显示两行英文字符不换行的解决方法
如下图展示如上图,多余的英文字符并不自动换行,放在浏览器里面按f12调试一下.找到layer/need/layer.css将第45行的增加了如下属性:word-break: break-all; 最 ...
css首行缩进字符间距行高_黑暗代码风格的学院：换行，间距和缩进
css首行缩进字符间距行高 Hey guys! Let me walk you through the next part of our dark-style code academy. In thi ...
输入多行英文字符，统计单词个数
读入多行英文字符,统计其中单词的个数.各单词之间用空格或回车分隔,空格或回车数可以是多个. #include<stdio.h> #pragma warning(disable:4996) ...
JQ 获得字符串实际长度，中文字符或文字占2，英文字符或字母1
///<summary>获得字符串实际长度,中文字符或文字占2,英文字符或字母1,".,,/,*,;,:,;,-,+,""1个</summary> ...
JS 去除输入框里面空格、英文字符、换行符
// 去除所有空格和换行符 const _s = str.replace(/\ +/g, '').replace(/[\r\n]/g, '') // 获取所有英文字符 const _ss = _s.r ...
Keil5移植代码后的注释文字变成问号以及让英文字符不那么别扭！
我们在移植代码的时候总会出现文字注释变成了问号,文字少的时候没关系,我们还能手动打打,但是文字很多或者想把注释留下来就很费时了,网上有方法让注释文字"回来了",但是英文字符变得很不 ...
python程序采用unicode编码、英文字符_python--基础字符编码
一了解字符编码的知识储备一计算机基础知识二文本编辑器存取文件的原理(nodepad++,pycharm,word) #1.打开编辑器就打开了启动了一个进程,是在内存中的,所以,用编辑器编写的 ...

laravel文字+链接（英文字符）--多行换行处理

laravel文字+链接（英文字符）--多行换行处理相关推荐

最新文章

热门文章