| |
|
|
| | Здравствуйте. Имеется следующий код:
<style="text/css">
ul {
list-style: none;
display: table;
width: 100px;
}
li {
display: inline;
background: orange;
}
</style>
<ul>
<li>ля ля ля</li>
<li>ля ля ля</li>
</ul>
Нужно что бы элементы li вели себя как td, т.е подстраивались под ul в размерах. Как это сделать?
|
| |
| |
|
|
| |
|
|
| |
для: p.pavluxa
(21.08.2012 в 21:39)
| | | не понял вопроса. Что понимается под "подстраивались"?
ширина? высота? про какие размеры речь? | |
| |
|
|
| |
|
|
| |
для: p.pavluxa
(21.08.2012 в 21:39)
| | | > li {
> display: inline;
inline-элемент не будет растягиваться на ширину родителя, а будет иметь размер по внутреннему содержимому.
Можно задать явно
li { width: 100px; | |
| |
|
|
| |
|
|
| |
для: p.pavluxa
(21.08.2012 в 21:39)
| | |
<!doctype html> <!-- Без него в MSIEv8+ будет глючить -->
<style type="text/css">
ul {
list-style: none;
padding: 0;
display: table;
width: 300px;
}
li {
border: 1px solid black; /* чтобы увидеть ячейки */
display: table-cell;
background-color: orange;
}
</style>
<ul>
<li>ля ля</li>
<li>тру-ля-ля</li>
</ul>
<div style="width: 300px; background-color: lime">Проверка ширины 300px</div>
|
| |
| |
|
|
| |
|
|
| |
для: ЯСА
(22.08.2012 в 08:09)
| | | Респект! +1 | |
| |
|
|
