класс CSS не изменится HTML OUTPUT

-3

Все, что я пытаюсь сделать, это центр р элемент на веб-странице с помощью CSS класса я сделал,класс CSS не изменится HTML OUTPUT

.buttons_editdelete{ 
margin-left: auto; 
margin-right: auto; 
font-size:xx-large 
}

, но это не работает. Фактически я помещаю размер шрифта в качестве теста, и это тоже не работает.

<p class="buttons_editdelete">test</p>

Это мой элемент html. Класс подходит из intellisense, поэтому он включен, но на моей веб-странице нет никакой разницы. Я даже попытался добавить в этот класс к файлу bootstrap.css, но он все равно не действует. Если я использую какой-либо класс из бутстрапа, который уже был там, они влияют на веб-страницу.

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

источник

2015-02-13 user3407039

'выравнивания текста: центр;' – Adjit

Это также не работает. Я уверен, что это должно произойти, но проблема кроется в другом месте с моим классом css, который не имеет никакого эффекта по какой-то причине. – user3407039

Тег абзаца - заблокированный элемент, который занимает целую строку на экране. Ваш css центрирует элемент абзаца, но он больше не может быть центрирован, чем он есть. Попробуйте использовать «text-align» вместо или эквивалент –

Бутстраповское способ справиться с этим можно было бы добавить класс text-center к <p> Как и в:

<p class="buttons_editdelete text-center">test</p>

См Bootstrap Text Alignment Docs

источник

2015-02-13 14:59:02 Ted

Мне удалось заставить его работать, используя класс текстового центра в бутстрапе. Но странно, если я точно воссоздаю этот класс (который просто имеет text-align: center в нем), но с другим именем и поместите его прямо в один и тот же файл, этот класс не будет работать. Я не понимаю, как это происходит. – user3407039

Странно ... без рабочего примера трудно сказать, что заставляет ваш добавленный стиль. Рад, что вы его работали с классом bootstraps, хотя :) – Ted

Если это ответ, который сработал для вас, обязательно отметьте его как принятый;) – Ted

Маржа не будет центрировать текст, но она будет центрировать <p>.

Для центрирования текста используйте p {text-align: center;}

источник

2015-02-13 14:47:26 Aaron

Попробуйте положить р тег внутри другого элемента уровня блока и используя маржу: 0 авто;

<div class="content"> 
    <p class="buttons_editdelete"> 
    </p> 
</div>

CSS:

.content { 
    margin: 0 auto; 
    width: 50ch 
}

В качестве альтернативы, вы можете использовать выравнивание текста: центр на вашем элементе абзаца, как это:

p.buttons_editdelete { 
    text-align:center; 
}

Также - попробуйте дать элементу определенную ширину.

источник

2015-02-13 14:48:08

Мне удалось заставить его работать, используя класс текстового центра в бутстрапе. Но странно, если я точно воссоздаю этот класс (который просто имеет text-align: center в нем), но с другим именем и поместите его прямо в том же файле, что класс не будет работать. Я не понимаю, как это происходит. – user3407039

Если он работает с классом текстового центра bootstrap, я бы просто использовал его и перешел к следующей задаче :) –

Вы можете сделать:

.buttons_editdelete { 
    margin-left: auto; 
    margin-right: auto; 
    font-size:xx-large; 
    display: table; 
}

Выход:http://codepen.io/anon/pen/GgQrbb

или

.buttons_editdelete { 
    text-align:center; 
    font-size:xx-large; 
}

Выход:http://codepen.io/anon/pen/pvaRMR

Оба будут центрировать ваш текст.

источник

2015-02-13 14:48:32 cch

класс CSS не изменится HTML OUTPUT

ответ

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