JSFiddle - React, Tailwind, and code Playground

by Yoghurts

HTML

<table border="0" cell-spaceing="0" cellspacing="0" width="100">
    <tr align="center">
        <td width="20" height="60">高度超过了60</td>
        <td width="30">30</td>
        <td width="100">高度为120</td>
        <td width="50">50</td>
    </tr>
    <tr align="center">
        <td>我</td>
        <td>是</td>
        <td>Yoghuts</td>
        <td>。</td>
    </tr>
    <tr align="center">
        <td>我</td>
        <td>是</td>
        <td>Yoghuts</td>
        <td>。</td>
    </tr>
</table>

CSS

* {
    padding:0;
    margin:0;
    color:#fff;
    word-break:break-all
}
body {
    background:#212121;
}
table {
    table-layout:fixed;
    overflow:hidden;
}
table tr td:nth-child(1) {
    background:#FF5722;
}
table tr td:nth-child(2) {
    background:#E91E63;
}
table tr td:nth-child(4) {
    background:#E040FB;
}
table tr td:nth-child(3) {
    background:#FFC107;
}