table表格在设置文字垂直居中后,在表格显示相同排列的数据(比如:testtesttesttsttesttesstestse很多的test)时此表格不能换行

时间:2021-10-11 20:50:35

table设置了垂直居中后在表格显示相同排列的数据(比如:testtesttesttsttesttesstestse很多的test)时此表格不能换行,

此时会导致table会把页面撑的很宽,导致表格后面的数据或者按钮无法点击。

table表格在设置文字垂直居中后,在表格显示相同排列的数据(比如:testtesttesttsttesttesstestse很多的test)时此表格不能换行

解决方式:

  1、table添加style="table-layout: fixed;"。

  2、td添加word-wrap:break-word。

添加上面两个样式后,table的表格数据才能正常自动换行

table表格在设置文字垂直居中后,在表格显示相同排列的数据(比如:testtesttesttsttesttesstestse很多的test)时此表格不能换行