Избегайте обрезания слов при печати MVC View

Question

У меня есть страница в моем приложении MVC, и иногда, если содержимое длинное и переходит на страницу, страница обрезает слова при переходе с одной страницы на другую. Например, вот пример того, что я имею в виду.

А вот мой макет Grid.

foreach (Box b in p.uniqueBoxes) {
                if (b.itemList.Count > 0) {
                    bool numshown = false;
                    <div class="grid" style="grid-row:span @b.itemList.Count; grid-column:2;padding:10px">
                        @p.uniqueBoxNumbers(b.identitystring)

                        <br />
                        @Html.Raw("<div class='small noprint'>" + b.packingMaterials + "</div>")

                    </div>
                    int index = 0;
                    while (index < b.itemList.Count) {
                        string s = b.itemList[index];
                        int q = b.itemQuantities[index] * p.boxCountId(b.identitystring);
                        qcount += q;
                        Html.Raw("<tr>");
                        string[] pnd = s.Split(':');
                        <div class="grid" style="grid-column:3;padding:10px">@pnd[0]</div>
                        <div class="grid" style="grid-column:4;padding:10px">@pnd[1]</div>

                        <div class ="grid"style="grid-column:5;padding:10px">@q</div>
                        if (!numshown) {
                            bcount += p.boxCountId(b.identitystring);

                            <div class="grid" style="grid-row:span @b.itemList.Count; grid-column:6;padding:10px">@p.boxCountId(b.identitystring)</div>
                            <div class="grid" style="grid-row:span @b.itemList.Count; grid-column:7;padding:10px">@b.Notes</div>
                            <div class="grid" style="grid-row:span @b.itemList.Count; grid-column:8;padding:10px">@p.weightById(b.identitystring)  lbs</div>
                            <div class="grid-end noprint" style="grid-row:span @b.itemList.Count; grid-column:9;padding:10px" >
                                <div class="dropdown">
                                    <button class="btn btn-primary dropdown-toggle" style="padding:0px 5px 0px 5px;">
                                        Actions
                                    </button>
                                    <div class="dropdown-menu" style="top:25px;left:-135px">
                                        <a class="dropdown-item noprint" href="@b.labelUrl(false, false)" target="label">Print Label</a>
                                        <a class="dropdown-item noprint" href="@b.labelUrl(false, true)" target="label">Print Label (with Pallets)</a>
                                        @Html.ActionLink("Unpack Box", null, new { unpackboxid = b.ID, shippingID = Model.ID, salesOrderID = Model.SalesOrderID }, new { onclick = "return confirm('Are you sure you want to unpack this box?');", @class = "dropdown-item" })
                                        @Html.ActionLink("Serial Numbers", "Serial", new { ID = b.ID }, new { @class = "dropdown-item" })
                                    </div>
                                </div>
                            </div>
                            numshown = true;
                        }





                        @Html.Raw("</tr><tr>");

                        index++;
                    }

Как мне сделать так, чтобы на этой странице не вырезали слова и другой контент?