CSS to Limit Locations on Packslip

Hi! I use SkuVault and I have it send locations to ShipStation. I want either of the following to happen:

1. (Preferred) Show a limited amount of locations - eg., cut off after 2 locations.
2. Truncate the text shown in the Location column.

I have tried creating a custom style block:

<style>.truncate {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}</style>

This almost worked? It abided by the white-space: nowrap line, but it didn't abide by any other element that I can see. It just makes the locations not wrap which stretches the content off the page.

Is there a way to do this?

Thank you!