اثنان من عنصر "الطاولة" الانحياز لطيف

Question

وهذا هو سؤال مفتوح إلى حد ما، ولكن أريد حقا أن نفهم هذا واحد لذلك لا يهمني.

ولدي عنصر اثنين "الجدول" (CSS مع يمتد). العمود الأيسر دائما رمزا وهو بكسل 20X20. العمود الثاني يحتوي على سطر واحد من النص المقترن الرمز.

ولقد مرت جميع أنواع الأفكار التي كنت قد حان حتى مع لجعل هذه النظرة <م> بالضبط نفسه في IE6-8، فايرفوكس 3.5 وجوجل كروم، ولكن كل الأفكار يؤدي في النص الحاضر واحدة أو اثنين بكسل قبالة <م> في أحسن الأحوال .

وأنا أبحث عن وسيلة خداع واقية من غير <table> لجعل هذه القائمة تبدو بالضبط نفس في جميع المتصفحات. أعني كل بكسل واحد.

Answer 1

وبكسل الكمال غير موجود - كنت ببساطة لم يكن لديك هذا النوع من السيطرة على عدد من المتصفحات هناك، وكما أنها ليست مربحة بالنسبة لك لمحاولة تجعل من ذلك. تناقص الغلة، اسمك هو IE6.

وFWIW، يبدو من المرجح أيضا أن كنت تفعل أفضل هنا أن يكون مجرد قائمة (<ul>) مع قائمة النمط من نوع المقرر أن لا شيء، وباستخدام الصور الخلفية لعرض الرموز 20X20 الخاص بك.

Answer 2

وأنت تطارد هدف متحرك. مع هذا العدد الكبير من broswers والعديد من الإصدارات من المرجح أبدا أن تكون هناك طريقة لجعله مثاليا. ثم حتى لو كنت لا تحصل على أنها قريبة إلى الكمال الإصدار التالي من أي من المتصفحات قد كسرها مرة أخرى.

Answer 3

وهنا سؤالي: إذا كان حقا الجدول، لماذا لا تستخدم <table>؟ انه شيء واحد لتجنب استخدام الجداول لأغراض تخطيط الصفحة عام، ولكن العلامة الجدول لا تزال مشروعة تماما ل، حسنا، وعرض الجداول.

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

Answer 4

نعم ...

وتجسيد صورة؛)

و(عذرا، ولكن إذا كنت تريد ذلك حقا "pixle الكمال"، ثم وهذا هو الأرجح أسهل طريقة)

Answer 5

وأنا أتفق مع توني و <لأ href = "https://stackoverflow.com/questions/1446559/css-two-element-table-aligned-nicely/1446630#1446630">annakata . ومع ذلك، عادة ما تكون على أفضل نتيجة يأتي من شيء بسيط مثل هذا:

<span><img src="images/icon.gif" style="vertical-align:text-bottom;" />Some text</span>

ما لا يقل عن تبدو بالضبط نفس الشيء في بكت، IE8 وفايرفوكس. (وأعتقد IE7 جدا، ولكن لم أكن اختبار)

Answer 6

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