css td显示两行文字

在制作网页时，我们经常需要在表格中显示文字信息。但是当表格中的文字过长时，我们就需要考虑如何让表格中的文字自动换行，以确保表格的美观和可读性。

在css中，我们可以使用"white-space: normal;"属性来实现自动换行。但是有时候我们需要让表格中的文字显示在两行，这时候该怎么办呢？

其实，我们只需要在td元素中加入"word-wrap: break-word;"属性即可。下面是一份示例代码：

    <table>
        <tr>
            <td style="width: 200px; word-wrap: break-word;">
                Lorem ipsum dolor sit amet,consectetur adipiscing elit. Sed at
                tellus ut felis sagittis aliquet a vel ipsum. Integer quis quam
                malesuada,pulvinar nunc vel,malesuada sapien.
            </td>
        </tr>
    </table>

在上面的示例中，我们设置了td元素的宽度为200px，同时使用了"word-wrap: break-word;"属性来实现文字自动换行。当文字的长度超过td元素的宽度时，文字就会自动分成两行显示。

需要注意的是，如果我们想要让表格中的每一个td元素都显示为两行文字，那么我们需要在css文件中设置默认样式，而不是在每一个td元素中都添加"word-wrap: break-word;"属性。

总之，使用"word-wrap: break-word;"属性可以轻松实现让表格中的文字自动换行，并且显示为两行。希望本文能够帮助大家更好地应用css来美化网页。