css让文本英文字符自动换行—word-break

HTML与CSS基础来源：网络编辑：小编更新时间：2024-11-27 20:00:04 浏览量：11

<div class="journalnav"> <div class="m-0 align-left font-12" v-for="(activity, index) in activities" :key="index" > { 
  {activity.content}} <span class="color font-12 align-right">{ 
  {activity.timestamp}}</span> </div> </div> data(){ return{ activities: [{ content: '测试数据测试数据到trajmissileUUID', timestamp: '20:46:33' }, { content: '卫星1006探测到trajmissileD267', timestamp: '20:45:11' }, { content: '卫星1006探测到trajmissileUU67', timestamp: '20:44:11' }], } } <style scoped> #control >>> .journalnav{ overflow:auto; height:50px; max-width:130px; word-wrap: break-word; white-space: normal; word-break: break-all; } </style>

到此这篇css让文本英文字符自动换行—word-break的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！

上一篇： CSS实现在竖直方向排列水平方向居中对齐

下一篇： css实现长度过长时省略号显示

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/11214.html

相关文章：