当前位置: 首页 > news >正文

解决css英文内容不自动换行的问题

解决css英文内容不自动换行的问题

这里主要是针对CMS后台管理系统添加进入数据库,再抓取出来前端显示的英文不换行的问题的情况

1.一般常见的就是英文不自动换行,或者英文换行单词背截断的问题。
这种处理方法通过前端样式就可以解决,方法网上很多

自动换行

p { word-wrap:break-word;word-break:normal;}

英文单词强制换行

p{ word-break:break-all; //会断词
}

这里主要是说第二种: 因为我已经使用第一种方法网上大把各种样式都试过不起作用
2.通过CMS后台管理系统添加进入数据库,再抓取出来前台显示的英文不换行的问题

先看正常的
在这里插入图片描述
上面这个是没有问题的 单词不会截断换行,再看看下面的
在这里插入图片描述
产生这种情况的原因是因为内容是从word文档粘贴进去的,所以空格是html的空格实体[&nbsp].
因此,就变得似乎word-wrap:break-word;不起作用了,所以去折腾work-break|word-space属性,是没有用.只能寻求数据库插入记录时过滤这种&nbsp的烦人问题了,以及必须要将原来已经插入数据库中内容所带有的&nbsp替换为文本空格

那只能通过后台去过滤掉了

import MySQLdb# 连接到数据库
db = MySQLdb.connect(host="localhost", user="your_username", passwd="your_password", db="your_database")
cursor = db.cursor()# 查询原始内容
cursor.execute("SELECT content FROM your_table")# 遍历结果
for row in cursor.fetchall():content = row[0]# 替换 为普通空格content = content.replace(" ", " ")# 更新数据库中的内容cursor.execute("UPDATE your_table SET content=%s WHERE id=%s", (content, row[1]))# 提交更改并关闭连接
db.commit()
db.close()
http://www.lryc.cn/news/143663.html

相关文章:

  • python语言学习
  • 1. 深度学习介绍
  • 【现场问题】oracle 11g 和12c 使用jdbc链接,兼容的问题
  • 嵌入式底层驱动需要知道的基本知识
  • 《软件开发的201个原则》阅读笔记 120-161条
  • JVM——类加载与字节码技术—类文件结构
  • C语言学习之main函数两个参数的应用
  • 本地部署 Stable Diffusion(Windows 系统)
  • Java源码分析(二)Double
  • 文件上传漏洞之条件竞争
  • javacv基础04-图像色彩空间转换函数Imgproc.cvtColor()(彩图转灰度图示例)
  • Spring Boot进阶(60):5种判断线程池任务是否全部完成的方案 | 实用技巧分享!
  • Git相关介绍和操作
  • IDEA配置热启动
  • 【附安装包】Fireworks CS6安装教程
  • 深度学习-4-二维目标检测-YOLOv3理论模型
  • 通俗理解DDPM到Stable Diffusion原理
  • 如何基于自己训练的Yolov5权重,结合DeepSort实现目标跟踪
  • C#_委托详解
  • R包开发-2.2:在RStudio中使用Rcpp制作R-Package(更新于2023.8.23)
  • 基于数据湖的多流拼接方案-HUDI实操篇
  • Spring MVC 四:Context层级
  • 【C++ 学习 ⑱】- 多态(上)
  • 合宙Air724UG LuatOS-Air LVGL API控件--进度条 (Bar)
  • 图神经网络与分子表征:番外——基组选择
  • rabbitmq笔记-rabbitmq客户端开发使用
  • 13.Oracle中nvl()与nvl2()函数详解
  • 设置某行被选中并滚动到改行
  • React钩子函数之useRef的基本使用
  • 无风扇迷你电脑信息与购买指南