0
<< предыдущая заметкаследующая заметка >>
22 августа 2011
вопрос по css

UPD: Спасибо, работает. Посоветовали в комментариях такие варианты:

1:
<style>
.b {float:left}
.a {clear:left;float:left;background:#cf7}
</style>

2:
<style>
.b {position:relative;overflow:hidden;width:100%}
.a {clear:left;float:left;background:#cf7}
</style>

3:
<style>
.a { background: #cf7; display:table-row; }
</style>


1:
первая строка текста
вторая строка
и еще одна строка

2:
первая строка текста
вторая строка
и еще одна строка


3:
первая строка текста
вторая строка
и еще одна строка


Вариант 2 — адекватнее всего.

Было:


Примерно такой код:

<style> .a { background: #cf7; } </style>

<div class='b'>
<div class='a'>первая строка текста</div>
<div class='a'>вторая строка</div>
<div class='a'>и еще одна строка</div>
</div>

Результат:

первая строка текста
вторая строка
и еще одна строка

А хочется именно так:


первая строка текста
вторая строка
и еще одна строка

Вопрос: как записать стиль для 'a' (а лучше 'b'), чтобы было именно так: каждый div по-прежнему начинался с новой строки, но размером был ровно со свой текст. Была также идея общий div снабдить стилем float:left, эта идея прекрасна тем, что можно оборудовать его один на всех. Однако, результат не совсем тот, что хотелось бы:

первая строка текста
вторая строка
и еще одна строка
<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий


Include not found: `/home/www/lleo.me/blog/template/_reklamnaya_lirica.htm`