В Win ie6 просто используйте css, возможно ли добиться такого макета?

Question


    <div class="news">
        <span class="newsTitle"> This is a news title</span> 
        <span class="newIcon"></span> 
    </div>

Я хочу добиться такого результата:

1. Максимальная ширина

составляет 300 пикселей, если переполнение скрыто;
2.Количество слов в заголовке новости не ограничено;
3. Значок «новый» всегда отображается.

В win ie6 это возможно? как написать css?

css

-2

timezhong 29 Дек 2011 в 20:42

Хорошо, в следующий раз покажу демо

–

timezhong

1 Апр 2013 в 07:28

1 ответ

Answer 1

Это вполне возможно, но вам нужно установить ширину на newIcon, заставив диапазон newsTitle настроиться соответствующим образом.

Вот некоторый код, чтобы вы начали

.news {
 width:300px;  
    background:#DFD; /* just to show layout, remove when ready to use */
    clear:both;
}
.newsTitle {
    float:left;   
    background:#DDF; /* just to show layout, remove when ready to use */
}

.newIcon {
    width:60px;
    height:60px;
      display:inline-block;
   background: #FDD; /*just as a sample remove when ready to use it*/
   float:right; 
}

jsFiddle

0

PseudoNinja 29 Дек 2011 в 20:51

Если количество слов newsTitle очень велико, в этой демонстрации newIcon не будет отображаться.

–

timezhong

1 Апр 2013 в 07:28

В Win ie6 просто используйте css, возможно ли добиться такого макета?

1 ответ

Похожие вопросы

Новые вопросы

css