Проблема переполнения текста и текст без переноса - PullRequest
Новая
       10

Проблема переполнения текста и текст без переноса

0 голосов
/ 11 июля 2009

Сценарий: Один заголовок DIV с тремя DIV внутри бок о бок плавал влево.

Проблема: «Текст» из HEADER_A div переполняется в HEADER_B DIV и т. Д.

Скриншот / CSS:

альтернативный текст http://thumb0.webshots.net/t/74/174/8/92/12/2239892120105349420zNlkOc_th.jpg

#header{
height:127px;
width: 718px;
}

#header_a {
    width:181px;
    height: 127px;
    color:#FFFFFF;
    float:left; 
}

#header_b{
width: 363px;
float:left;
height: 127px;
/*background-image:url(../images/logo.jpg);*/
background-position:bottom;
background-repeat:no-repeat;
background-color:#006600;
}

#header_c{
width: 174px;
float:left;
height: 127px;
}

<div id="header">
      <div id="header_a">ddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
        <div id="header_b"></div>
        <div id="header_c"><img src="images/nuevo.png" /></div>
    </div>

1 Ответ

2 голосов
/ 11 июля 2009

ддддддддддддддддддддддддддддддддддддддддддддд> 181px.

Очевидно, что он переполнится, потому что его воспринимают как одно слово, а слова не разбиваются. Попробуйте использовать какой-нибудь правильный текст или введите пробел, например «ddddddddddd ddddddddddddd ddddddddddddddddd dddddddddddddd

EDIT:

с другой стороны, то же самое произойдет с изображениями. Таким образом, все внутри div, которое больше, чем его родитель, переполнится. Вы можете попробовать использовать 'overflow:hidden'

...