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;
}  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值