html的table中不换行显示的效果

table中,如果需要单元格中不换行,在table 下的td,th中加入样式

word-break: keep-all;
word-wrap:break-word;

word-break: keep-all;这种情况在中文下,也不会换行

word-wrap:break-word;英文不会换行


如果中间有空格,在空格处默认会换行,如果需要不换行,使用下面样式

white-space: nowrap;


这种情况,一般是不需要设置table中的宽度的,table会根据内容自动调节



你可能感兴趣的:(中文,英文,nowRap)