شبكة كتلة صغيرة لا تركز على الإبهام بشكل صحيح

Question

لدي 3 إبهام وأريد توسيطها على التوالي.الرمز هو

    <div class="large-12 columns">
    <ul class="small-block-grid-3">
      <li><img class="shadow" src="img/thumbs/carWashHome.jpg"></li>
      <li><img   class="shadow" src="img/thumbs/homeCleanHome.jpg"></li>
      <li><img   class="shadow" src="img/thumbs/carpetCleanHome.jpg"></li>
    </ul>
  </div>

لكن بطريقة ما، تبدأ الإبهام من اليسار وليس في المنتصف.هل يمكن أن تقترح كيفية إصلاح ذلك.هنا هي الصورة

ها هو الرابط الالكتروني وصلة

يمكنك أن ترى أن الإبهام يطفو إلى اليسار.كيفية توسيطهم.شكرًا.

Answer 1

استبدل السطر بما يلي

<div class="large-12 columns" style="text-align: center;">

المفتاح هو إضافة style="text-align: center;" وسيتم إصلاح المشكلة

Answer 2

شكرا لنشر عنوان URL.

فقط اضف text-align:center; في الخاص بك .small-block-grid-3 > li{}

واسمحوا لي أن أعرف إذا كان لديك مخاوف.

CSS

.small-block-grid-3 > li{
    text-align:center;
}

Answer 3

أضف هذا CSS إلى علامات الصور الخاصة بك:

display: block;
margin-left: auto;
margin-right: auto;

وسوف محاذاة الصورة ل center موجود في li بطاقة شعار.

Answer 4

قد يكون من الجيد أن نعرف ذلك، أن هذه المؤسسة لديها أيضا فئة CSS تسمى "مركز النص" الذي يمكن تطبيقه على العناصر حسب الحاجة: -)

giveacodicetagpre.