Цитата:
Сообщение от ололошенько
ну я за эти дним освоил только вот такой способ:
размещение обьекта шириной 1000
position:absolute;
left:50%;
margin-left:-500;
раскажите как можно ещё осуществить подобное,буду признателен.
|
На здоровье:
Код:
1. Уже показывали (относительное позиционирование с отрицательными маргинами, на htmlbook.ru есть описание этого метода)
<br>
2. автоматические отступы, ширина должна быть задана
<style>
.block-2 {
width:50%;
border:1px dashed #0f0;
margin:0 auto;
}
</style>
<div class="block-2">
Инерциальная навигация стабилизирует штопор, игнорируя силы вязкого трения. Расчеты предсказывают, что направление неустойчиво представляет собой уходящий угол курса, даже если не учитывать выбег гироскопа. Угол тангажа, согласно уравнениям Лагранжа, не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и угол тангажа, поэтому энергия гироскопического маятника на неподвижной оси остаётся неизменной. Момент очевиден.
</div>
3. независимая ширина выравниваемого блока src: http://www.artlebedev.ru/tools/technogrette/html/align-center/
<style type="text/css">
.align_center {
position: relative;
width: 100%;
}
.align_center:after { /* для ие8- можно заменить на обычный клеар-фикс */
content: '';
display: block;
clear: both;
}
.align_center_to_left {
position: relative;
right: 50%;
float: right;
}
.align_center_to_right {
position: relative;
z-index: 1;
right: -50%;
}
</style>
<div class="align_center" style="border: 1px dashed red; color: red;">
Выравниваем относительно этого блока.
<div class="align_center_to_left">
<div class="align_center_to_right" style="margin: 1em 0; border: 1px dashed green; color: green;">
Ширина блока зависит от размера надписи.
</div>
</div>
</div>
4. Не так давно для себя открыл, ширина блока зависит от содержимого, но блоки не выходят из потока (для дрочеров на скорость рендера).
<style>
.block-4-wrapper {
text-align: center;
}
.block-4 {
text-align: left;
display: inline-block;
*display: inline;/*ie 6-7*/
zoom:1; /*ie 6-7*/
}
</style>
<div class="block-4-wrapper">
<div class="block-4">
<div style="width:400px">
ширина выравниваемого блока зависит от ширины этого
</div>
</div>
</div>