vue-beauty 的v-data-table数据单元不换行

原因由于css样式

.ant-table-tbody>tr>td, .ant-table-thead>tr>th {padding: 16px 8px;word-break: keep-all;white-space: nowrap;  /*强制不换行*/
}

只需覆盖white-space的值就可以

如:

.ant-table-tbody>tr>td {white-space:normal
}

 

补充知识:

一、white-space语法与结构 
1、white-space语法:
white-space : normal nowrap 

2、white-space参数:
normal :  默认处理方式
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。DIVCSS5推荐使用white-space:nowrap强制不换行。

3、white-space说明:
white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容
 

通常我们使用white-space:nowrap强制文本文字内容不换行,在对象内一行显示完所有文字内容。

二、white-space总结

    日常我们为了让文字内容在一行内显示完,哪怕宽度不够也不能换行,我们可以使用white-space样式,但如果遇到了html br强制换行标签,无论是设置white-space与否都会被<br>强制换行。

 

参考:

http://www.divcss5.com/rumen/r401.shtml

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/328031.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用Middleware给ASP.NET Core Web API添加自己的授权验证

Web API&#xff0c;是一个能让前后端分离、解放前后端生产力的好东西。不过大部分公司应该都没能做到完全的前后端分离。API的实现方式有很 多&#xff0c;可以用ASP.NET Core、也可以用ASP.NET Web API、ASP.NET MVC、NancyFx等。说到Web API&#xff0c;不同的人有不同的做法…

公司电脑重装经验 ThinkPad E480 win7重装 电脑重装

***************************下面是20200813更新的****************************** 1.电脑的机械盘老是掉线 要重启才能找到 不用了 还是用自己的移动硬盘代替公司的D盘吧 拷贝也很慢 2.公司的c盘菜120G太小 就只安装必须使用的软件 外接移动硬盘代替电脑的D盘 可以用…

Java 内存泄露以及避免方法

转载自 Java 内存泄露以及避免方法 内存泄露: 是指在程序运行过程中会不断的分配内存空间&#xff0c;那些不再使用的内存空间应该即时回收它们&#xff0c;从而保证可以保证系统可以再次使用这些内存。如果存在无用的内存没有被收回来&#xff0c;那就是内存泄露。 说明…

Tomacat乱码解决

解决方法 解决后

体验Rabbitmq强大的【优先级队列】之轻松面对现实业务场景

说到队列的话&#xff0c;大家一定不会陌生&#xff0c;但是扯到优先级队列的话&#xff0c;还是有一部分同学是不清楚的&#xff0c;可能是不知道怎么去实现吧&#xff0c;其实呢&#xff0c;&#xff0c;&#xff0c;这东西已经烂大街了。。。很简单&#xff0c;用“堆”去实…

jstack(查看线程)、jmap(查看内存)和jstat(性能分析)命令

转载自 jstack(查看线程)、jmap(查看内存)和jstat(性能分析)命令 1&#xff0e;Jstack 1.1 jstack能得到运行java程序的java stack和native stack的信息。可以轻松得知当前线程的运行情况。如下图所示 注&#xff1a;这个和thread dump是同样的结果。但是thread dump是用ki…

RabbitMQ消息队列应用

消息通信组件Net分布式系统的核心中间件之一&#xff0c;应用与系统高并发&#xff0c;各个组件之间解耦的依赖的场景。本框架采用消息队列中间件主要应用于两方面&#xff1a;一是解决部分高并发的业务处理&#xff1b;二是通过消息队列传输系统日志。目前业界使用较多的消息队…

vue插槽面试题_VUE面试题解析,半年出一篇,建议收藏!

回答范例&#xff1a;vuex是vue专用的状态管理库。它以全局方式集中管理应用的状态&#xff0c;并且可以保证状态变更的可预测性。vuex主要解决的问题是多组件之间状态共享的问题&#xff0c;利用各种组件通信方式&#xff0c;我们虽然能够做到状态共享。但是往往需要在多个组件…

常用数据库连接串与驱动总结

1、sql server驱动com.microsoft.sqlserver.jdbc.SQLServerDriver//sql验证jdbc:sqlserver://127.0.0.1:1433;databasenamemydb;Usersa;Password1712682、oracle驱动oracle.jdbc.driver.OracleDriverjdbc:oracle:thin:127.0.0.1:1521:orcl3、mysql驱动com.mysql.jdbc.Driverjdb…

Mysql8.0可以使用解压版 这个比较快 好像现在都是解压版了

https://blog.csdn.net/Charonmomo/article/details/98440968 MySQL-mysql 8.0.17安装 2019年08月04日 09:59:12 Charonmomo 阅读数 1654 标签&#xff1a; MySQL 更多 个人分类&#xff1a; MySQL 版权声明&#xff1a;本文为博主原创文章&#xff0c;遵循 CC 4.0 by-sa 版…

公式冒号是什么意思_三角学中,这么一堆公式其实就说了2个事而已

[遇见数学创作小组] 作者: 心如止水(Java程序员。善于把复杂的数学知识&#xff0c;简洁易懂地表达出来)在学三角这部分的时候&#xff0c;有些书习惯列出诱导公式(induction formula)&#xff0c;都列出来的话可以写小半张纸。那什么是“诱导公式”呢&#xff1f;“诱导公式”…

.NET Core开发:项目实践

初始化项目 本来想详细讲一讲dotnet core的&#xff0c;但我对于dotnet core的研究还不到一星期&#xff0c;半吊子&#xff0c;脑子又笨&#xff0c;就不写那些理论出来误人子弟了&#xff0c;还是直接来一篇实践给大家做个参考。废话不多说&#xff0c;直接上项目&#xff0c…

如何使用jstack分析线程状态

转载自 如何使用jstack分析线程状态背景 记得前段时间&#xff0c;同事说他们测试环境的服务器cpu使用率一直处于100%&#xff0c;本地又没有什么接口调用&#xff0c;为什么会这样&#xff1f;cpu使用率居高不下&#xff0c;自然是有某些线程一直占用着cpu资源&#xff0c;那…

JAVA网络编程实战(笔记)

计算机网络简介 网络编程的目的&#xff1a; 无限电台。。。。传播交流信息&#xff0c;数据交换。通信 想要达到这个效果需要什么&#xff1a; 1.如何准确的定位网络上的一台主机 ip地址192.168.16.124&#xff1a; 端口&#xff0c;定位到这个计算机上的某个资源 2.找到…

让 Java 应用运行更快:性能调优工具及实践

转载自 让 Java 应用运行更快&#xff1a;性能调优工具及实践Java 应用性能优化是一个老生常谈的话题&#xff0c;笔者根据个人经验&#xff0c;将 Java 性能优化分为 4 个层级&#xff1a;应用层、数据库层、框架层、JVM 层。通过介绍 Java 性能诊断工具和思路&#xff0c;给…

github 公钥 私钥_github快速使用

##第一次使用github推荐方式Git第一步&#xff1a;下载git工具&#xff0c;这里是链接&#xff0c;选择适合自己的版本进行安装。第二步&#xff1a;安装完成后&#xff0c;鼠标右键找到Git bash&#xff0c;双击打开。第三步&#xff1a;设置SSH key众所周知ssh是加密传输。加…

ASP.NET Core 之 Identity 入门(一)

前言 在 ASP.NET Core 中&#xff0c;仍然沿用了 ASP.NET里面的 Identity 组件库&#xff0c;负责对用户的身份进行认证&#xff0c;总体来说的话&#xff0c;没有MVC 5 里面那么复杂&#xff0c;因为在MVC 5里面引入了OWIN的东西&#xff0c;所以很多初学者在学习来很费劲&…

蓝桥杯JAVA省赛2013-----B------2(马虎算式)

二、马虎的算式 【解析】&#xff1a;暴力穷举即可 枚举每个位上的数字、组合判断、暴力穷举 【答案】&#xff1a;142 方法一&#xff1a;暴力穷举 package com.kuang.Test; public class Test{public static void main(String[] args) {int ans 0;for(int a 1; a < …

简单解决“无法打开内核设备:\\Global\\vmx86”错误

简单解决“无法打开内核设备:\\Global\\vmx86”错误 本文链接&#xff1a;https://blog.csdn.net/tristan_tian/article/details/79434715 我是win10系统&#xff0c;在小娜搜索“服务”后右击选择使用管理员打开。然后在一大串服务中找到vm开头的服务项&#xff0c;全部都启…