• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!
2 1707 ۲۰ آذر ۹۳ علی امینی

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

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

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

نوع کد رايگان

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram