تراز عمودی عناصر با استفاده از CSS3

- visibility ۲ mode_comment

اگر شما با CSS کار کرده باشید ممکن است این مشکل برای شما پیش بیاید که: چگونه درون یک container یک متن یا عنصر را به صورت عمودی تراز کنم؟ حالا ما میتوانیم با استفاده از CSS3 Transforms این مشکل را با ظرافت بیشتر حل کنیم.

با استفاده از این تکنیک هر چیزی - یک خط از یک متن، یک مجموعه از پاراگراف ها و یا یک باکس - به صورت عمودی تراز میشود. پشتیبانی مرورگر ها نیز بسیار بالاست؛ CSS3 Transforms در مروگرهای Chrome4، Opera10، Safari3، Firefox3  IE9 کار میکند.

البته ناگفته نماند که این کار به دو روش دیگر(flexbox و  absolute position) هم امکان پذیر است که روش بالا در بیشتر مواقع بهترین روش برای تراز عمودی است.

comment دیدگاه کاربران
سعید

سلام
ممنون از مطالب خوبتون
لطفا اون flexbox رو هم بگین 😀

علی امینی

سلام دوست عزیز
میتونید از اینجا مطالب مربوط به فلکس باکس رو بخونید.
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.