هل يمكنك إضافة فواصل الأسطر إلى: بعد عنصر الزائفة؟

Question

أريد إلحاق <br /> إلى فئة معينة. باستخدام: بعد فئة PSEDO ببساطة يعرض <br /> كنص.

هل هناك طريقة لجعل هذا العمل؟

إنه داخلي ل IE8 لذا فإن قضايا المتصفح ليست مشكلة. إذا فعلت

<span class="linebreakclass">cats are</span> brilliant

أريد أن تظهر "رائعة" على خط جديد.

Answer 1

لن تكون قادرا على تقديم علامات HTML ولكن يمكنك تعيين نمط مثل هذا:

.needs-space:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

الإعداد الرئيسي هنا هو display: block; هذا سوف يقدم :بعد المحتوى داخل DIV. وبعد وهذا العنصر الزائفي المدعوم من قبل جميع أحدث المتصفحات. بما في ذلك أي. قائلا أن هذا يجب أن تكون على دراية بمستخدميك ومتصفليهم.

Answer 2

يمكنك استخدام \A هروب التسلسل، الذي سيعرض كحايلين:

.new-line:after {
  white-space: pre-wrap;
  content: "\A";
}

تم ذكر هذه الطريقة في مواصفات CCS 2.1. ل content منشأه:

قد يشمل المؤلفون خطوط نيو في المحتوى الذي تم إنشاؤه عن طريق كتابة "\A" الهروب التسلسل في واحدة من السلاسل بعد 'content'منشأه. هذا كسر الخط المدرج لا يزال يخضع ل 'white-space' منشأه.

Answer 3

يزداد سوءا - ما يلي: بعد الفصل لا يعمل حتى في IE6 (وربما بعض المتصفحات الأخرى أيضا).

أعتقد أن ما تريده حقا هنا هو هامش في أسفل العنصر، لتوفير التباعد.

ببساطة

.myElement {
    margin-bottom: 1em;
}