Шапка сравнения на телефоне по-английски: «Apartment,» переносится рядом с «×»Compare table head on a phone in English: «Apartment,» is hyphenated beside the «×»

24 окт. 202624 Oct 2026 · Открыть на сайтеOpen on the site

ЦельGoal

Инвестор сравнивает два лота на телефоне в английской версии сайта. Чем ниже шапка с типом номера и проектом, тем раньше видны сами значения.An investor compares two lots on a phone in the English version of the site. The shorter the head with the room type and project, the sooner the values themselves come into view.

ЗадачаProblem

Русские длинные слова в шапке переносятся по слогам с прошлой правки, а английские слова с заглавной буквы браузер не переносит (Chromium; проверено парами «Apartments»/«apartments», «Residences»/«residences», «Departments»/«departments»: строчные переносятся, с заглавной — нет). В английской версии на 320 px «Apartment,» не помещалось слева от «×», уходило под кнопку, и рядом с «×» оставалась пустая полоса: 5 таких шапок по всем 230 лотам, шапка 149 px.Long Russian words in the head have been hyphenated since the previous change, but the browser does not hyphenate English words starting with a capital letter (Chromium; checked in pairs «Apartments»/«apartments», «Residences»/«residences», «Departments»/«departments»: the lower-case ones break, the capitalised ones do not). In English at 320 px «Apartment,» did not fit left of the «×», moved below the button and left an empty strip beside it: 5 such heads across all 230 lots, head 149 px.

Как решилиHow it was solved

В английской шапке в длинных словах типа номера с заглавной буквы стоят мягкие переносы: «Apart-ment», «Resi-dence», «Pano-ramic», «Pent-house», «Stan-dard», «Bed-rooms». Дефис появляется только там, где слово не помещается, и только на экранах до 480 px; на компьютере переносов нет. Сами слова не меняются: мягкий перенос не виден, пока слово помещается в строку.In the English head, long capitalised room-type words carry soft hyphens: «Apart-ment», «Resi-dence», «Pano-ramic», «Pent-house», «Stan-dard», «Bed-rooms». The hyphen appears only where a word does not fit, and only on screens up to 480 px; on desktop nothing is broken. The words themselves do not change: a soft hyphen is invisible while the word fits on its line.
Английских шапок с пустой полосой рядом с «×» больше нет: на 320 px 5 → 0; у этих пар шапка 149 → 128 px. Ещё у одной пары (Le Méridien Bodrum, «3+1 Panoramic Terrace Residence») шапка стала ниже на строку: 194 → 171 px на 320 и 171 → 149 px на 360. В замере 230 лотов парами по порядку каталога × 320/360/390/1280 px × русский/английский (1840 шапок): ни одна не стала выше, русская версия и компьютер — без изменений.There are no English heads with an empty strip beside the «×» any more: at 320 px 5 → 0; for these pairs the head is 149 → 128 px. One more pair (Le Méridien Bodrum, «3+1 Panoramic Terrace Residence») got a line shorter: 194 → 171 px at 320 and 171 → 149 px at 360. Measured over 230 lots in catalogue-order pairs × 320/360/390/1280 px × Russian/English (1840 heads): none got taller, Russian and desktop are unchanged.

До и послеBefore and after

До: «Apartment,» под «×», рядом пустая полоса, шапка 149 px (английская версия, 320 px) / Before: «Apartment,» below the «×», an empty strip beside it, head 149 px (320 px) — До: «Apartment,» под «×», рядом пустая полоса, шапка 149 px (английская версия, 320 px)Before: «Apartment,» below the «×», an empty strip beside it, head 149 px (320 px)

После: «Apart-ment,» рядом с «×», шапка 128 px (английская версия, 320 px) / After: «Apart-ment,» beside the «×», head 128 px (320 px) — После: «Apart-ment,» рядом с «×», шапка 128 px (английская версия, 320 px)After: «Apart-ment,» beside the «×», head 128 px (320 px)