MyTetra Share
Делитесь знаниями!
О, смотри-ка какое хорошее место. Дайте два!
Как сделать
который ведет себя как обычный символ текста
15.02.2011
14:56
Текстовые метки: html, css
Раздел: Компьютер - Программирование - HTML и CSS

Чтобы <div> вытеснял собой нужный объем, и не делал перенос после себя, нужно использовать такие CSS свойства:

<html>

<head>

<style type="text/css">

#main {

background-color: green;

width: 250px;

height: 25px;

}

#main .boxy {

background-color: teal;

width: 25px;

height: 25px;

float: left;

}

</style>

</head>

<body>

<div id="main">

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

<div class="boxy">+</div>

</div>

</body>

</html>

В результате на экране будет такое изображение:

Оно состоит из 10 квадратов размером 25x25 точек.

Так же в этом разделе:
← Содержание ...
 
MyTetra Share v.0.35
Яндекс индекс цитирования