إزالة حرف مسافة بين اثنين من عناصر الصورة

Question

وهناك 2 صور صغيرة على الصفحة:

<a href="link.htm"><img src="image1.jpg" /></a>

<a href="link2.htm"><img src="image2.jpg" /></a>

وعندما تظهر على الصفحة، فإنها لا تظهر مباشرة بجانب بعضها البعض مثل أتوقع، فإنها تظهر مع حرف مسافة بينهما.

وأنا من النوع نفهم لماذا هذا الفضاء يظهر (هناك، إنس، المسافة التي تفصل بينهما في علامة المتابعة)، ولكن لا أريد أن يكون هناك مساحة.

Answer 1

وكما ذكرتم، هناك بيضاء بينهما في الترميز، لذلك هناك بيضاء بينهما في الوثيقة المقدمة.

لإبقاء تغييرات على العلامات الخاصة بك إلى الحد الأدنى، يمكن القيام بذلك:

<a href="link.htm"><img src="image1.jpg" /></a><a
   href="link2.htm"><img src="image2.jpg" /></a>

وأو ما شابه ذلك.

ووالشيء الآخر الذي يمكن القيام به هو float وa عناصر left، ولكن هذا من المرجح أن يكون المغلوب على الآثار على التصميم الخاص بك.

Answer 2

وصور افتراضيا تجعل من العناصر المضمنة. وهذا يعني أنها لا تتجاهل حرف مسافة بيضاء في الحاويات الخاصة بهم. إذا كنت ترغب في إزالة هذه الفجوة، يمكنك إما إزالة المسافات نفسها، أو جعل العناصر صور على مستوى الكتلة الخاص بك، وذلك باستخدام float:left أو display:block القواعد. يمكنك أيضا محاولة التفاف هذه الصور مع خلايا الجدول، مثل هذا:

<table cellspacing="0" cellpadding="0">
 <tr>
  <td><img ...></td>
  <td><img ...></td>
 </tr>
</table>

ولكن هذا هو سووو 1999.