it-swarm.dev

CSS قوة خط جديد

لدي شيء مثل هذا:

<li>Post by <a>Author</a></li>

وأريد عرض الرابط في سطر جديد ، مثل هذا

Post by
Author

كيف يمكنني تحقيق ذلك؟ واضح: اليسار لا يعمل.

27
Sebastian Starke

استخدم خاصية العرض

a{
    display: block;
}

هذا سيجعل الرابط للعرض في سطر جديد

إذا كنت ترغب في إزالة قائمة التصميم ، استخدم

li{
    list-style: none;
}
58
Shiva Avula

ماذا عن مع :before pseudoelement:

a:before {
  content: '\a';
  white-space: pre;
}
31
alxndr

أو يمكنك استخدام:

a {
    display: inline-block;
  }
2
Ya Basha

استعمال <br /> OR <br> -

<li>Post by<br /><a>Author</a></li>

OR

<li>Post by<br><a>Author</a></li>

أو

اصنع a element display:block;

<li>Post by <a style="display:block;">Author</a></li>

محاولة

1
Ishan Jain