логин: 
<< предыдущая заметкаследующая заметка >>
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, эта идея прекрасна тем, что можно оборудовать его один на всех. Однако, результат не совсем тот, что хотелось бы:

первая строка текста
вторая строка
и еще одна строка
<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий
Linux Ubuntu Safari Chrome
0
0
oreolek.ru@oreolek (oreolek.ru)
DIV - блочный элемент. Поэтому простейшим методом будет:

.a {
background: #cf7;
display:table-row;
}

Работает везде кроме IE 6 и IE 7.
Linux Firefox
 Москва
0
0
aha.ru@lleo
Спасибо!
Mac Safari Chrome
1
0
lleo.me/blog@Михаил Валенцев
Как-то так: http://www.webdevout.net/test?0u или так:
http://www.webdevout.net/test?0v
от конечной задачи зависит
Linux Firefox
 Москва
0
0
aha.ru@lleo
Спасибо!!! Так и сделал.
<< предыдущая заметка следующая заметка >>