اگر شما طراح وب سایت تازه کار هستید، ممکن است سوالاتی در مورد چگونگی محور متن درون یک سلول جدول داشته باشید. با استفاده از این راهنما، این تکنیک را تنها چند دقیقه در اختیار داشته باشید. این آسان است - حتی اگر هرگز سعی نکنید قبل از آن.
شروع شدن
متمرکز کردن متن داخل سلول بهتر است با CSS انجام شود، درست مانند اینکه متن را در عنصر دیگری در صفحه وب خود متمرکز کنید. با این حال، قبل از اینکه شما شروع کنید، باید تصمیم بگیرید که دقیقا چه چیزی مایل به تمرکز باشد. با یک جدول، شما چند گزینه دارید، از جمله هر سلول در جدول؛ هر سلول هدر در جدول هر سلول در جدول میز، بدن جدول یا پای میز. شما همچنین ممکن است یک سلول خاص یا مجموعه ای از سلول ها را درون جدول قرار دهید.
علاوه بر این، شما باید یک ورق سبک داخلی را در سر سند خود ایجاد کنید یا به عنوان یک ورق سبک خارجی به سند متصل شوید. شما می توانید سبک های خود را به مرکز سلول های جدول خود را در آن ورق سبک قرار دهید.
چگونه به مرکز هر سلول در جدول
خطوط زیر را به جدول سبک خود اضافه کنید:
td، th {text-align: center؛ }چگونه به مرکز هر سلول سرآیند در جدول
خطوط زیر را به جدول سبک خود اضافه کنید:
th {text-align: center؛ }مرکز هر سلول در میز، بدن یا پا
برای قرار دادن این سلول ها، شما باید تگ های جدول که همیشه استفاده نمی شوند، مانند ،
و اضافه کنید. سپس، شما سلولهای میز خود را با این برچسب ها برای شناسایی سر، بدن و پای میز قرار می دهید. بعد از آن، به جدول سبک خود اضافه می کنید: thad th، thead td {text-align: center؛ } tbody th، tbody td {text-align: center؛ } tfoot th، tfoot td {text-align: center؛ }سبک هایی را برای مناطقی که مایل نیستید محور قرار دهید بردارید.
چگونه یک سلول یا سلول خاص در یک جدول قرار دهیم
برای انجام این کار، شما باید یک کلاس را بر روی سلولهایی که میخواهید محور قرار دهید تنظیم کنید.
خصیصه زیر را به سلولهای جدولی که میخواهید متمرکز شوند اضافه کنید:
سپس به جدول سبک خود اضافه کنید:
.centered-cell {text-align: center؛ }شما می توانید این کلاس را به هر سلولی در جدول اضافه کنید.
بسته شدن
برای استفاده از این سبک ها در هر سلول جدول خود دریغ نکنید. شما می توانید آنها را در سلول های ادغام شده یا در سلول های تک استفاده کنید و متن درون محور قرار می گیرد.