2014-11-28 4 views
1

Только что начал публиковать рассказы и эссе в Интернете, и я нашел пару сайтов, на которых есть очень простые текстовые редакторы, которые не допускают большого базового форматирования, если вы не примените CSS Workskin , После поиска по этим темам я нашел полезный код, но столкнулся с некоторыми проблемами. Я хочу знать, есть ли способ установить текст Center Aligned, чтобы игнорировать отступ, не устанавливая его для определенного класса?CSS: Игнорировать Отступ выравнивания по центру

#workskin p { 
    text-indent: 45px; 
} 

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

#workskin p.chapter { 
    text-align:center; 
    text-indent:0; 
} 

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

EDIT: Для того, чтобы указать, что я прошу, я хочу, чтобы заставить все выравнивание по центру листа текст, чтобы иметь 0 отступа, поэтому я не придется вручную вставить:

<p class="chapter"> 

тысячи раз.

Пункт --- хочет отступ
Пункта --- хочет Отступ
центрированного текст заголовка/делитель/глава/ЭСТ ... ---- НЕ хочет отступ
Пункта --- хочет Отступа
центрированный текст заголовка/делитель/глава/ЭСТ ... ---- НЕ хотят Отступ
модель продолжает случайно

+0

Создать скрипку –

+0

Проверить эту скрипку с рабочим примером jsfiddle.net/j028dsae/1 –

ответ

1

Просто сделать что-то вроде:

#workskin p.chapter { 
     display: block; 
     text-align:center; 
     text-indent:0!important; 
    /* "!imporatnt" ensures that it overrides 
    previous indent property set, if the value 0 
    and specification doesn't solve the problem */ 
    } 

Чтобы отложить только первый абзац, сделайте что-то вроде ниже, ни один из других абзацев не будет отступать.

#workskin p:first-of-type { /* Targets just the first paragraph */ 
    text-indent: 45px; 
} 
+0

http://codepen.io/anon/pen/ZYGwgj –

+0

Ах аккуратный, я думаю, что я вижу, как это работает! Но есть ли способ применить это к документам с сотнями абзацев и строк с центрированным текстом, поскольку он предназначен только для первого абзаца? –

+0

Спасибо за помощь, я многому научился! –

3

Первый тип имеет более конкретный селектор, чем p.chapter поэтому текст отступа остается на 45px. Кроме того, необходимо:

#workskin p.chapter { 
    text-align:center; 
    text-indent:0; 
} 
+0

Извините, скопируйте/вставьте ошибку. Уже было применено #workskin. Спасибо хоть. –

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