CSS را به مرکز اعمال کنید: متن و جدول

دنیای اطلاعات در هر تقریبی توسط عناصر و سیستم عناصر، کلمات و متون، و یا در آخرین نمونه رسمی - متون و جداول ارائه شده است. شما همچنین می توانید سایر ساختارهای اطلاعات شناخته شده و همچنین تصاویر را در نظر بگیرید، اما استفاده از CSS و HTML در قالب بندی متن، سایر فرم های اطلاعات متفاوت است.

ساختار درست صفحه سایت شامل تعیین موقعیت هر عنصر می شود. سند HTML همیشه یک توالی از عناصر است که به طور مستقیم تحت تاثیر سه قاعده اساسی قرار دارند:

• موقعیت مطلق؛
• محل در جریان کلی؛
• شاخص Z

گزینه های دیگر مسکن نیز مهم هستند، آنها نیاز به دانش زیادی برای حل مشکل با استفاده از CSS "متن متمرکز".

قوانین محور و تراز

قوانین CSS مکمل سند HTML هستند، اما بدون قوانین، دومی می تواند هر نوع هم ترازی را اداره کند. گسترش همه جانبه دستگاه های موبایل و خروج از طراحی در جهت سادگی بیشتر و "مستطیل بودن" باعث می شود که سوال مربوط به مرکز گیری مربوطه باشد، در حالی که ترازهای دیگر اغلب ارزش را از دست می دهند.

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

{
ارتفاع: 88 پیکسل؛ // در چنین نسبتی
خط ارتفاع: 88px؛ // CSS در متن مرکزی - عمودی
}

شما می توانید با قوانین دیگر آزمایش کنید. ; در منابع ذکر تفسیر بلوک توسط قوانین نمایش داده می شود: جدول، نمایش: جدول سلول و عمودی خط: وسط ؛ اما همیشه این کار نمی کند

تراز کردن متن با جداول

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

تمرین حاکم بر استفاده از قوانین CSS برای رسیدن به یک هدف در نشانه گذاری همیشه مفهوم صفحات سبک cascading را برآورده نمی کند. هیچ چیز مانع توسعه دهنده در هر جهت با قرار دادن محتوا در سلول مرکزی یک جدول از سه ستون و سه ردیف است.

این راه حل استاندارد نیست اما موثر است. به جای طولانی و دقیق حل مشکل سازگاری متقابل مرورگر از صفحه یا شمارش نوشته ها در سمت چپ، راست و غیره، شما می توانید از درصد درصد عرض های سلول ها و ارتفاع ردیف ها در جداول استفاده کنید.

هماهنگ سازی با جاوا اسکریپت

سوال "چگونگی قرار دادن متن در مرکز در HTML " ابتدا توسط الگوریتم در زبان مرورگر حل شده و اجرای بسیار عملی و موثرتری دارد.

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

مرکزی قابل مشاهده همیشه یک بلوک نیست که در ابتدا شناخته شده است که در آن سمت چپ و چند پیکسل به سمت راست، که در آن بالا است، و نه تضمین می کند که پایین مرز است که با آن هماهنگی عمودی انجام می شود.

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

ویژگی های نمایش متن و HTML

معلوم شد که عنصر ناپایدار محتوای صفحه متن، نه کلمه است. Semantics صلاحیت توسعه دهنده (صاحب سایت) است. در حقیقت متن را نمی توان با یک برچسب نشان داد، یعنی یک جمله طبیعی می تواند نه تنها یک توالی از نمادها باشد، بلکه یک توالی از تگ ها حاوی نمادها است. از این به این می شود که "متمرکز" متن "خود" CSS فقط در موارد ساده قرار می گیرد.

صدور سرور به درخواست مرورگر بسیار محسوس است و حاوی عناصر زیادی است که همیشه با آنچه که نمایش داده می شود مربوط نیست. هنگام طراحی طرح بندی صفحه، مهم است که در بخش ارائه اطالعات، به ویژه تراز بندی، تاکید داشته باشید. چیزی بهتر است در سرور انجام دهید، چیزی در مورد مشتری، یعنی در مرورگر. همیشه بر قوانین CSS تکیه نکنید، جهت گیری به نتیجه نهایی بسیار عملی است.