محاذاة رأسية بعض النص في كتلة

Question

أحتاج إلى جونو CSS هناك لمساعدتي في هذا واحد. الحق لدي علامة واحدة عرض ثابت وعرض ثابت. داخلها هي صورة خلفية ولقب الصور. أحاول محاذاة النص إلى الأسفل وأنا أحصل على أي مكان. لقد حاولت القيام بعرض: خلية الجدول؛ العمودي المحاذاة: أسفل؛ وكل الطرق بطرق مختلفة. بو الحصول على أي مكان. أعلم أنني أستطيع أن أفعل الطول الطول ولكن هذا لديه الخط المنقط الغريب حول العنصر. حاول فقط وجود فترة مع النص في ذلك داخل العلامة والمحاذاة الرأسية ولكن لا فرحة على الرغم من أن التسطير قد انتقل إلى الأسفل. وهو غريب! أي مساعدة موضع تقدير كبير. ريتشارد

Answer 1

يحتاج عنصر الأصل عرض: جدول ثم العنصر الذي تريده في الجزء السفلي له عرض: خلية الجدول؛ محاذاة: أسفل؛

Answer 2

ما المتصفحات التي تستهدفها؟ هذا يعمل بشكل جيد بالنسبة لي في IE8.0.6 و Firefox 3.5.8:

<a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a>

ملاحظة لقد استخدمت كلاهما display:table-cell; و vertical-align:bottom;. وبعد تحتاج إلى كليهما؛ لم يكن متأكدا مما إذا كنت تريد ذلك.

إذا كان هذا يمنحك مشكلة (هل تستهدف IE6؟) سيتعين عليك وضعك <a> عنصر في عنصر مستوى كتلة ثم ضعه.

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
    <a style="position:absolute;bottom:0px;">Your text</a>
</div>