Как я могу сохранить мой CSS со скрытым переполнением, которое сломало его?

Question

Я создаю CSS, и это выглядит так:

Но когда я хочу применить overflow : hidden (для того, чтобы иметьмноготочие на каждом слове) это отменило мой стиль.

Я создаю пример , чтобы показать вам.Я просто добавляю класс overflow к anchor и применяю overflow : hidden.

. Я хочу знать, как мне сохранить свой стиль, как на первом изображении, а также иметь многоточие на каждом слове.

Answer 1

я сделал это CSS!не применять до и после тега!

.nav ul li:nth-child(2):before {
z-index: 1;
position: absolute;
top: 0;
left: -15px;
content: '';
width: 0;
height: 0;
display: block;
border-right: 15px solid #FFFFFF;
border-top: 60px solid transparent;
}

  .nav ul li:nth-last-child(2):after {
position: absolute;
z-index: 1;
top: 0;
right: -15px;
content: '';
width: 0;
height: 0;
display: block;
border-left: 15px solid #FFFFFF;
border-bottom: 60px solid transparent;
}

Answer 2

Попробуйте удалить "position: относительный" из - .nav ul li a.