چگونه متن را به HTML متمرکز کنیم

نویسنده: Laura McKinney
تاریخ ایجاد: 10 ماه آوریل 2021
تاریخ به روزرسانی: 1 جولای 2024
Anonim
متن CSS مرکز افقی و عمودی
ویدیو: متن CSS مرکز افقی و عمودی

محتوا

این wikiHow به شما می آموزد که چگونه متن را با استفاده از Cascading Style Sheets (CSS) در وب سایت HTML قرار دهید. مرکز دهی متن در HTML با برچسب ها انجام می شود

، اما این برچسب منسوخ در نظر گرفته شده است و دیگر در بیشتر مرورگرها کار نمی کند.

مراحل

روش 1 از 2: توسط CSS

  1. پرونده حاوی سبک های CSS را باز کنید. کارت
    منسوخ شده است ، اما هنوز هم می توانید عناصر جدیدی برای افزودن در هر نقطه از صفحه ایجاد کنید تا متن را در محدوده آنها قرار دهید. اگر فایل CSS جداگانه ندارید ، باید سبک را در بالای فایل HTML ، بین برچسب ها "" تعیین کنید.’.
    • اگر هنوز کارت وجود ندارد باید آن را مستقیماً زیر کارت اضافه کنید در بالای پرونده به شرح زیر است:

  2. ایجاد لایه مرکز متن کارت
    از سند HTML می خواهد که به بخش خاصی از متن مراجعه کند ، بنابراین شما باید این برچسب را طبقه بندی کنید. لطفاً متن زیر را در فاصله بین برچسب "style" وارد کنید ، فراموش نکنید که فشار دهید وارد شوید دو بار بعد از خط اول:

    • خواص اضافه کنید تراز کردن متن. وارد كردن text-align: مرکز؛ به فضای بین مهاربندهای موجود در بخش وارد شوید div.a. عنوان فعلی به این شکل خواهد بود:

      • کارتی بیافزایید div متن باید مرکز باشد. با قرار دادن کارت ادامه دهید
        متن بالای متنی که می خواهید در مرکز آن قرار بگیرد و با برچسب بسته شود زیر متنی که می خواهید در مرکز قرار دهید. به عنوان مثال ، برای قرار دادن عنوان و پاراگراف آغازین ، باید موارد زیر را تایپ کنید:
        • استفاده از کارتها div.a برای مرکز کردن مناطق دیگر اگر می خواهید عنصر دیگری را در مرکز قرار دهید (به عنوان مثال ، محتوای بین برچسب ها مانند و

          )، وارد
          جلوی متن و بعد از آن از آنجا که "div.a" را به عنوان دستور مرکز دهی تعیین کردید ، این متن دقیقاً مانند متن قبلی مرکز می شود:
          • بررسی اسناد. مطالب ممکن است متفاوت باشد ، اما به طور کلی سند شما اکنون باید به شکل زیر باشد:
              تبلیغات

            روش 2 از 2: از برچسب مرکز در HTML استفاده کنید

            1. سند HTML را باز کنید. این روش نحوه استفاده از برچسب های HTML را توصیف می کند
              (اکنون نیز منسوخ شده است). از دسامبر 2018 ، این کارت هنوز در برخی از مرورگرهای وب فعال است ، اما در طولانی مدت ، هنوز نباید از این کارت استفاده کنید.
            2. متن موردنظر خود را مشخص کنید. به پایین بروید تا عنوان ، پاراگراف یا متن دیگری را که می خواهید در مرکز قرار دهید پیدا کنید.
            3. برچسب "مرکز" را به انتهای متن اضافه کنید. این برچسب مرکزی دارای یک قالب است
              متن
              ، جایی که "متن" متنی است که در مرکز قرار دارد. اگر متن از قبل دارای برچسب داخلی باشد (به عنوان مثال ، "" برای پاراگراف) ، برچسب "مرکز" می تواند خارج از برچسب های قبلی باشد:
              • سند HTML را مرور کنید. سند اکنون باید به این شکل باشد:
                  تبلیغات