блокове центрирани в CSS, w3 образование

Хоризонтално подравняване на съдържанието, което има поплавък имота може да се направи много лесно и освен това напълно различни браузъри (работи в Opera 8+, Firefox 3+, IE 5.5+).

Пример DIV блок уравняващо

За изравняване на потока от поплавък собственост или няколко разположени в един ред от блокове, изисква един външен елемент. ODU и вътрешни тела целеви позиции: абсолютен; и поплавъка: ляво. да назначи външен ляв: 50%. и вътрешни тела дясно: 50%;. За да използвате плувка: право; искате да зададете назначава външно дясно: 50%. и лявата вътрешни тела: 50%. Аз препоръчвам да изчисти поплавък, след поставянето на елементите, подредени в централния блок на имота: двете; ,

По този начин е възможно да се постигне такова подравняване:

Зелена граница има вътрешен блок с идентификатор = блок-вътрешната, прекъсната червена линия с външен блок с идентификатор = блок.

HTML-код, например изглежда, както е показано по-долу:

CSS код Например изглежда, както е показано по-долу:

Пример за привеждане в съответствие на елементите от менюто

Практически горния пример може да се използва за хоризонтално меню на сайта подравняване. Въпреки това, ще трябва да се вземе предвид факта, че достатъчно голям брой точки (заемащи повече от половината от ширината на страницата) се появява хоризонтално превъртане. За да се отървете от него имате нужда от външна кутия за прилагане на преливане собственост. Ако падащото меню, неговите падащи предмети могат да бъдат намалени с тази външна единица. За да се избегне този проблем, трябва да използвате преливане собственост на блока, тъй като е възможно по-всеобхватна, например, към външно устройство, рамкиране на цялото съдържание на страницата.

Например, можете да се приведе в менюто, както следва:

Зелени гранични пункта са ли списък ул. непостоянно червена рамка е ул списък.

HTML-код, например изглежда, както е показано по-долу:

CSS код Например изглежда, както е показано по-долу:

Така че това е доста проста. Желая ви успех в разработването на нови методи.