Продолжаем тему блока «знаний» на страницах поиска Google на примере выдачи похожих результатов по людям.
На скриншоте ниже показано два разных поведения при «обрезке» длинного имени. В первом случае имеется стилевой баг, когда часть текста вылезает за рамки допустимого контейнера, а во втором случае, наоборот – длинный текст обрезается, на что указывает символ «многоточие» (через свойство text-overflow: ellipsis).
Так из-за чего проявляется ошибка?
У Исаака Марковича Халатникова ФИО содержится в двух контейнерах – одно под имя, и другое под отчество и фамилию:
<div class="lzmqLb">
<div class="wfg6Pb">Исаак </div>
<div class="wfg6Pb">Маркович Халатников</div>
</div>
В то время как у Николая Геннадиевича Басова каждая часть ФИО содержится в отдельном контейнере:
<div class="lzmqLb">
<div class="wfg6Pb">Николай </div>
<div class="wfg6Pb">Геннадиевич </div>
<div class="wfg6Pb">Басов</div>
</div>
Из-за того, что добавляется третья строка, ломается верстка «карточки», т.к. ее описание рассчитано только на две строки.