وجود فواصل الأسطر بين والصورة

Question

ولدي قائمة أفقية تتكون من عناصر <li> مع display: inline.

ومن المفترض أن تكون بجانب بعضها البعض بسلاسة.

العناصر

في شفرة المصدر، وأود أن يكون كل لى على سطر واحد لتسهيل التصحيح:

<li class="item1 first"> ... </li>
<li class="item2"> ... </li>
...

ولكن، إذا كنت إضافة \n بعد كل عنصر، عناصر القائمة وجود فجوة بين بعضها البعض. I جمع هذا هو السلوك المقصود، ولكن هل هناك أي طريقة لإيقاف تشغيله باستخدام ذكي "الفضاء الأبيض" وضع أو شيء من هذا؟

<اقتباس فقرة>   

وتحرير: لا يمكنني استخدام تعويم، وهذا هو في CMS مع خيار لتوسيط عناصر القائمة

.

Answer 1

ويمكنك تجنب القضايا التقديم ولكن يبقى للصيانة كود مثل هذا:

<ul
  ><li>item 1</li
  ><li>item 2</li
  ><li>item 3</li
></ul>

ويزيل بيضاء لكنه ما زال من السهل تحرير العناصر في محرر النص، شريطة CMS الخاص بك لا فوضى مع العلامات التي تدخلها!

Answer 2

هل لديك القدرة على تحرير CSS؟ إذا كان الأمر كذلك، هل يمكن أن حاول ضبط الحشو / هوامش على

والعنصر. فإنه لا يبدو أن هناك الكثير من الجهد من القراءة.

واعتمادا على ما المتصفح الذي تستخدمه يمكنك الحصول على HTTP: //users.skynet كن على / mgueury / موزيلا / ، الذي يتيح لك خيار لترتيب المصدر، والتي قد تكون مفيدة بما فيه الكفاية من أجل التصحيح

Answer 3

وCSS + تعويم هو صديقك.

Answer 4

وHTML مستقلة مسافة بيضاء - حتى مضيفا فواصل الأسطر يجب أن يكون أي تأثير. محركات تقديم بعض المتصفح لا تحصل على هذا الحق تماما ولكن.

وماذا ربما كنت ترغب في القيام به هو إضافة

وfloat: left;

وإلى علامات لى الخاص بك للحصول عليها بجانب بعضها البعض.