CSS: Heading Getting Cut Short

Я получаю эту проблему как на своем iPhone, так и при просмотре в FF на 320 пикселей в ширину. Обратите внимание на слово «инвестиции» становится отрезан:CSS: Heading Getting Cut Short

cut off

Единственные стили, влияющие на его очень простой, который делает его особенно сбивает с толку, я даже пытался с другим шрифтом, но до сих пор нет удачи

h1, h2, h3, h4, h5, h6 { 
    color: #1abae5; 
    font: 1em dezen_pro_regular, open_sansregular, arial, helvetica, sans-serif; 
    line-height: 1em; 
    margin: .5em 0 .25em; 
    text-transform: uppercase; 
} 
h3 { 
    font-size: 2.57142857142857em; /* 36px/14px */ 
}

Также здесь есть ссылка на страницу: - http://www.mattpealing-server.co.uk/~devkyada/about/

кто-нибудь знает, что может быть не так? Я попытался word-wrap собственность, но это, кажется, не работать так, что мне нужно

источник

2013-11-21 pealo86

Там, кажется, неразрывный пробел entitiy в HTML:

<h3>For us health and safety is an essential&nbsp;investment:</h3>

Удалить это сделать:

<h3>For us health and safety is an essential investment:</h3>

это должно решить проблему, не п чтобы играть с CSS.

источник

2013-11-21 17:54:04

Хорошо поймать! Мне было интересно, почему даже «word-wrap: break: all» не работал так, как должен ... – Scott

Не волнуйтесь - не могли бы вы задать ответ, пожалуйста :) –

работал как лечить спасибо! Странно, однако, я не мог видеть неразрывное пространство в любом месте, даже в Firebug ?? Но я просто удалил текст и снова напечатал его, и теперь он отображается правильно! – pealo86

надежду, что это поможет вам

h3{ word-break: break-all;}

источник

2013-11-21 17:50:20

CSS: Heading Getting Cut Short

ответ

Смежные вопросы