如何使td溢出进入多行？

我需要使td overflow作为textarea进入多行。当空格在文本中发现如何使td溢出进入多行？

HTML

<table class="table"> 
    <tr> 
    <td>Jill</td> 
    <td style="max-width:200px;overflow-y:scroll;">Smithasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
</table>

Fiddle here

来源

2016-01-14 Raviteja

把
标记下一行。 –

文字的包装工作，你都写在上面的td文本没有任何空格，请加空格然后它将在多条线上开始流动。

来源

2016-01-14 11:19:23

如何隐藏底部滚动条？ – Raviteja

@Raviteja您可以为此添加'overflow-x：hidden;'。请检查更新的小提琴在这里：https://jsfiddle.net/huewy6r8/2/ –

如果文本溢出[这里]（https://jsfiddle.net/huewy6r8/3/）滚动应该出现高度增加 – Raviteja

这是由于您的文字。文字中没有whitspace。只需添加您的文字一些白色的空间，您可以检查提琴手here

<table class="table"> 
     <tr> 
     <td>Jill</td> 
     <td style="max-width:200px;overflow-y:scroll;"> 
     Smithasdfas 
     dfasdfasdfasdfa sdfasdfasdfasdfasdfasdfasdfasdfasd 
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdf 
</td> 
     <td>50</td> 
     </tr> 
     <tr> 
     <td>Eve</td> 
     <td>Jackson</td> 
     <td>94</td> 
     </tr> 
    </table>

来源

2016-01-14 11:23:16

如何使td溢出进入多行？

回答

相关问题