¿Por qué se desborda: oculto no funciona en un <td>?
Tengo una celda de tabla que siempre me gustaría tener un ancho particular. Sin embargo, no funciona con grandes cadenas de texto sin espacio. Aquí hay un caso de prueba:
td {
border: solid green 1px;
width: 200px;
overflow: hidden;
}
<table>
<tbody>
<tr>
<td>
This_is_a_terrible_example_of_thinking_outside_the_box.
</td>
</tr>
</tbody>
</table>
¿Cómo consigo que se corte el texto en el borde del cuadro, en lugar de que el cuadro se expanda?