JSFiddle - React, Tailwind, and code Playground
by godfrzero
HTML
<div class="wrapper">
<table>
<tr>
<td><div class="newline">aksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjd</div>
<tr>
<td><div class="ellipsis">aksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjd</div> </tr>
</table>
</div>
CSS
.wrapper {
max-width: 300px;
}
table {
width: 100%;
max-width: 100%
}
div {
max-width: 100%;
}
.newline {
white-space: break-word;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
}