自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼。下面介绍的是CSS如何
实现
换行的方法
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的
宽度
之后自动换行
复制代码代码如下: 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
复制代码代码如下: #wrap{white-space:normal; width:200px; }
1.（IE浏览器）连续的英文字符和
CSS控制
Table
单元格
强制换行与强制
不换行
我们知道Div的换行和
不换行
的css写法。但对于表格
单元格
只知道一个属性nowrap可以使其
不换行
。
近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制
不换行
的方法吗？
用CSS
实现
Table
单元格
数据自动换行或
不换行
的
实现
方法：
1、强制换行：
<style type=text/css>.AutoNewline{ word-break: break-all;/*必须*/}</style><
table
><tr> <td class=AutoNewline>自动换行自动换行自动换行自动换行自动换行
其实我想表达的是--如果数据特别多，我想让他滚动滚动滚动滚动....用惯了elm的
table
,突然要写一个原始的
table
....这里是template部分，简简单单，用tr,td写的。这里是我的css部分....用vue3写的假数据。
问题描述：
原因分析：
查了一下网上其他的解
// 表格对齐
var tbodyH = $("#tbody").outerHeight(true);
if ($("#tbody tr").outerHeight(true) * $("#tbody tr").length > tbodyH) {
$("#thead tr")...
大家好，我是小白学编程。最近在工作中遇到一个功能，
页面
上有表格展示，其实是一个再很简单不过的功能
实现
了，但是，有
时
候会遇到尴尬的情况，就是列数量比较尴尬，差不多可以拉伸整屏；差不多会在右侧流出点空白；差不多刚好多出一块，要么
出现
横向
滚动条
，要么某一列比较挤。像这种问题，也是很常见的，而且，在不同分辨率或不同放大倍数的电脑上展示
时
会
出现
不同的结果。根据自己遇到的情况和处理的方式，总结了一下几种处理方式。
滚动条
，在很多地方都有，而且可能展现的方式不一样，或者功能需求也不一样。但总体而言，想要
实现
这样的功能需要在表格外面定义一个div,并且设置div高度，overflow:scroll;
我自己做的例子：.可以
实现
纵轴
滚动条
。如果想要横轴也要
出现
滚动条
，加上overflow-x:auto;就可以了。
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br>标签为止。
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
今天主要记录上面的第四条解决过程。
首先我们的布局使用的
table
，当想给tbody设置高度的
时
候，发现不起作用。原因是
table
的默认是display:
table
,如果想设置高度需要改成display:block/inline-block。这样改
出现
的问题是
table
的布局已经乱了。
所以我的布局结构是这样的
hidden...
