Kompx.com or Compmiscellanea.com

Position: absolute по центру

Windows : Internet Explorer 8.0+, Firefox 1.0+, Google Chrome, Opera 5.0+, Safari 3.1+, SeaMonkey 1.0+ [ 1 ].

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 5.0+, SeaMonkey 1.0+ [ 2 ], NetSurf 2.6+.

Горизонтальное выравнивание абсолютно позиционированного элемента по центру с помощью CSS. Пример:

Image

HTML / XHTML. Код:

<div class="example">

<img src="image.jpg" alt="Image" />

</div>

CSS. Код:

.example {position: relative; left: 0px; top: 0px; height: 90px; width: 100%; float: left; padding: 10px; border: 1px #ccc solid; background: #fafafa; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.example img {position: absolute; left: 0px; right: 0px; margin: 0px auto; width: 68px;}

В примере по центру выравнивается абсолютно позиционированный элемент img, но вообще данный способ горизонтального выравнивания по центру работает и с другими как строчными, так и блочными абсолютно позиционированными элементами.

Ширина абсолютно позиционированного элемента так же может быть в процентах или в других единицах измерения.

CSS свойства контейнера (в примере .example), внутри которого находится выравниваемый по центру элемент, могут быть самые разные, выравнивание по центру создается с помощью стилей, непосредственно относящихся к элементу: .example img {position: absolute; left: 0px; right: 0px; margin: 0px auto;}.


[ 1 ]

А так же в Netscape 8.01+, Mozilla 1.5+.

[ 2 ]

А так же в Netscape 8.01+, Mozilla 1.5+.


Aliosque subditos et thema

 

ELinks. Использование

 

Перейти к страницам: ELinks - Текстовый, или консольный веб браузер. Описание: возможности, скриншоты, где скачать. ELinks. Настройка - Как настроить ELinks. Запущенный ELinks позволяет делать почти все, что он может через использование его меню. Так что далее речь только о том, как запустить ELinks и, для примера, как сделать несколько других вещей. 1 ) Как запустить ELinks - ELinks может быть запущен в среде с графическим интерфейсом (X Windows, MS Windows и др.) или с интерфейсом командной строки. В первом случае сначала должен быть запущен эмулятор терминала / консоль: xterm, rxvt, Win32 консоль и другие: ELinks ( Linux ) - Что бы запустить ELinks, введите команду: elinks - Что бы запустить ELinks, открывающий веб-документ из интернета: elinks Веб-адрес веб-документа - Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок: elinks file:/// или: elinks / - Что бы запустить ELinks, открывающий локальную папку: elinks file:///home/user1/ или: elinks /home/user1/ - Что бы запустить ELinks, открывающий локальный файл: elinks file:///home/user1/document1.htm или: elinks /home/user1/document1.htm ELinks ( Windows ) - Что бы запустить ELinks, введите команду: elinks - Что бы запустить ELinks, открывающий веб-документ из интернета: elinks Веб-адрес веб-документа - Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок: elinks file:/// - Что бы запустить ELinks, открывающий локальную папку: elinks file://c/home/user1/ - Что бы запустить ELinks, открывающий локальный файл: elinks file://c/home/user1/document1.htm 2 ) Для доступа к меню ELinks: Нажать Esc на клавиатуре 3 ) Что бы открыть веб-документ в уже запущенном ELinks: Нажать g на клавиатуре или Esc --> File --> Go to URL --> [ Ввести веб-адрес ] --> Enter 4 ) Вернуться назад: Клавиша-стрелка влево на клавиатуре или Esc --> File --> Go back 5 ) Открыть ссылку в новой фоновой вкладке: Shift - t или Esc --> Link --> Open in new tab in background 6 ) Перейти к следующей вкладке: Shift - > или Esc --> View --> Next tab 7 ) Закрыть вкладку: Нажать c на клавиатуре или Esc --> View --> Close tab 8 ) Передать URI внешнему приложению, когда ELinks запущен в эмуляторе терминала.

CSS только для Opera

 

CSS только для браузера Opera: В Opera этот текст красного цвета HTML / XHTML. Code: <p>В Opera этот текст красного цвета</p> CSS. Code: doesnotexist:-o-prefocus, p {color: #f00;} Псевдокласс -o-prefocus позволяет применять стили к элементам так, чтобы это отображалось только в браузере Opera. Код помещается в общий файл CSS, а не в отдельный как в случае с условными комментариями Internet Explorer'а. Источник: http://www.opera.com/docs/specs/presto2.12/css/o-vendor/ [ 1 ] Opera 3.5 - 5.0 игнорирует "doesnotexist:-o-prefocus" и воспринимает CSS код как p {color: #f00;}. Opera 6.0 - 9.4 игнорирует весь код, начинающийся с "doesnotexist". [ 2 ] Internet Explorer 5.5+, Firefox 1.0+, Google Chrome, Safari 3.1+, SeaMonkey 1.0+, Netscape 7.2+, Mozilla 1.5+ игнорируют весь код, начинающийся с "doesnotexist". Старые браузеры, например, Internet Explorer до версии 5.5 или Netscape до 7.2 или Mozilla до 1.5 похоже игнорируют необычный, специфичный для Opera 9.5 и более новых версий, CSS код. Применяя стили только к тому, что они воспринимают - в данном случае тег p; делая текст в нем красного цвета. [ 3 ] Текст становится красным так же в Dillo 3.0.1.