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

первая строка текста
вторая строка
и еще одна строка
<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
Страницы, которые привлекли мое внимание за последние дни, рекомендую:
2017-11-22 В июне 1982
архив ссылок
Оставить комментарий
Linux Ubuntu Safari Chrome
0
0
[email protected] (oreolek.ru)
DIV - блочный элемент. Поэтому простейшим методом будет:

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

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