Как горизонтально центрировать HTML только с помощью родительского элемента?

Есть ли способ центрировать некоторый HTML, используя только родительский элемент-оболочку? Элемент-оболочка родительского элемента не может ссылаться на width из innerHTML. Единственный способ сделать это - с тегом <center>, но, как известно, <center> устарел. Например, чтобы center это:Как горизонтально центрировать HTML только с помощью родительского элемента?

<div style="width:100px;height:100px;background-color:#ff0000;"></div>

это:

<div style="width:800px;height:100px;background-color:#ff0000;"></div>

это:

<p>a little text here</p>

или это:

<p style="width:400px;">a lot of text here fjskdfj sldjf slkdfj skldjf ksdjf kdsfj ksdjf skdfj ksdjf ksdjf ksdjf ksdjf ksdjf skdjf ksdjf skdfj skdfj ksdjf skdjf ksdjf ksdfj skdfj skdfj skdfj</p>

я могу просто обернуть их <center> и это w орки. Но есть ли другой способ сделать это?

источник

2012-07-30 Ryan

Центрирование с CSS

html code: 

<div class="parent"> 
    <div class="center"> 
     <p>A lot of text here</p> 
    </div> 
</div>

код CSS:

.parent { 
    width:800px; 
} 

.parent .center { 
    width:400px; 
    margin: 0 auto; 
}

и <div> с классом center будет выровнен по центру.

источник

2012-07-30 23:52:30 Ibu

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

' как родительский элемент, он выполняет центрирование. – Ryan

@ Ryan Что это значит, «родитель делает центрирование». просто пытаются центрировать текст? – Ibu

Я хочу, чтобы центрировать произвольный HTML, используя только элемент-оболочку родительского элемента для центрирования. когда я использую только '

' как элемент оболочки-родителя, он работает, и мне не нужно использовать 'margin: 0 auto' для внутренних элементов. он также работает как для встроенных, так и для блоков. но есть ли способ сделать это без использования ''? – Ryan

Определение text-align свойства для родителя так: text-align: center;

источник

2012-07-31 00:24:11

Добавить text-align: center на свой parent элементе.

источник

2012-07-31 00:26:05 ljayz

Как горизонтально центрировать HTML только с помощью родительского элемента?

ответ

Смежные вопросы