השימוש ב- CSS באמצע: הטקסט והטבלה

בעולם המידע על כל מרכיביו, והוא מיוצג על ידי קירוב של אלמנטים, מילים וטקסטים, או רשמי המופע האחרון - טקסטים וטבלאות. אתה יכול לשקול אחרים, כבר ידועים, מבני נתונים, כמו גם תמונות, אבל כדי להשתמש בעיות CSS ו- HTML במונחים של עיצוב טקסט צורות מידע נותר יש יחס שונה.

מבנה דף באתר פרופר כרוך בקביעת המיקום של כל רכיב. HTML-המסמך הוא תמיד - רצף של אלמנטים על התצוגה מושפע ישירות על ידי שלושה כללים בסיסיים:

• מיקום מוחלט (עמדה);
• במקום בזרם;
• Z-index.

אפשרויות לינה אחרות חשובות אף הם, דורשות יותר ידע לפתור את הבעיה עם CSS "במרכז הטקסט."

כללי מרכוז ויישור

כללי CSS להשלים את מסמך HTML, אך ללא זכותם של אלה יכולים להתמודד עם כל אפשרות יישור. כוליותו של מכשירים ניידים העיצוב של טיפול בכיוון של פשטות גדולה יותר "רִבּוּעִיוּת" הופך את הנושא מרכוז נוכחי, תוך היישור האחר לעתים קרובות מאבד ערך.

המרכיב העיקרי של הדף - יחידה תארה בסגנון מסוים. יישור כללי אופקי: text-align יכול לקחת, כפי שקרה רק ארבעה ערכים (שמאל, מרכז, ימין, להצדיק). ניתן לבצע יישור אנך ידי שילוב המשווה הגובה התקין וגובה שורה:

{
גובה: 88px; // על יחס זה
line-height: 88px; // css עבור מרכז טקסט - אנכי
}

אתה יכול להתנסות עם כללים שונים. ; המקורות גילו אזכור לגבי הפרשנות של כללי תצוגת בלוק: שולחן, תצוגה: טבלת תאים ואנכי-align: באמצע; אבל לא תמיד זה עובד.

יישור טקסט על ידי טבלאות

מבנה הנתונים רק כי היה להיות מובן הראשון ולחיות לנצח - שולחן. הוא מספק את היישור האנכי ואופקי, בנוסף, את השאלה כיצד למקם טקסט שבמרכז CSS, באמצעות טבלאות כבר אין משמעות מורכבת.

הנוהג הקיים של שימוש כללים CSS כדי להשיג מטרה מסוימת שהסימון לא תמיד עונה על הקונספט של גיליונות סגנון מדורגים. שום דבר לא מונע היזם לבצע יישור לכל כיוון על ידי הצבת תוכן לתוך התא המרכזי של השולחן של שלוש עמודות שלוש שורות.

החלטה זו אינה סטנדרטית, אך יעילה. במקום ארוך וקפדני לפתור את הבעיה של דף לדפדפנים או לצפות שולים שמאלה, ימינה, וכן הלאה. אתה יכול להשתמש גבה רוחב שורת אחוז הנדושים של התאים בטבלאות.

יישור באמצעות JavaScript

השאלה "כיצד למקם טקסט מרוכז ב- HTML" אלגוריתם פתרון יסודי, שפת הדפדפן, ויש לו עיצוב הרבה יותר פרקטי מרהיב.

כבר עיצוב סגנון קבצים נמשך זרם, וכמעט כל ניהול תוכן שמכבדת את עצמה המערכת מספקת למפתח קובע סגנונות לכל אירוע. אבל החיים תמיד דורשים בטון: יש צורך בכל פעם מהתחלה לחשוב, איך זה עם טקסט CSS במקום באמצע. אפשרות למטרות יישור ביחידה, "מודבק" אל הצד של הדף, אבל בגלל שיש לי את הגודל, תפריט קופץ בלוק מתאים בקושי, אשר בנוי מאלמנטים שונים.

גלוי מרוכז - זה לא תמיד קל לחסום, אשר היה ידוע במקור, שם בצד שמאל וכמה פיקסלים ימינה, שם למעלה, ואינם מבטיחים כי התחתון - זהו הקו כ שאמור לבצע את היישור האנכי.

מגמה אחת כי הסגנון צריך להיקבע על ידי התוכן. ככל אתרי מידע על אורחים, ויזואלית וסאונד - תוספת יחידה הטקסט הרגיל. כי הדמויות הן בתוכן נבחרת (זה אינו חל על אתרים על אמנות, ציור, מוסיקה, וכו ') - זו שאלה של המידע הדרוש למבקר.

מצגת תכונות של הטקסט HTML

זה קרה כי אלמנט לחלוקה של תוכן הדף - טקסט, ולא את המילה. סמנטיקה - הוא היכולת של היזם (בעל האתר). למעשה הטקסט ניתן להגיש בבית תג אחד, כי הוא משפט טבעי יכול להיות לא רק רצף של תווים, ואת הרצף של תגים המכילים תווים. מכאן נובע כי "הקשה" CSS "במרכז הטקסט" יכול למקם רק במקרים פשוטים.

בקשת הסגרת שרת עבור הדפדפן היא רחבה מאוד ומכילה אלמנטים רבים, לא תמיד קשורים למה יוצג. בעת תכנון הפריסה של הדף חשוב לשים את הדגש מבחינת הצגה, בפרט את היישור. משהו טוב יותר לעשות בשרת כי לקוח זה בדפדפן. אין תמיד להסתמך על כללי CSS, להתמקד התוצאה הסופית הוא הרבה יותר מעשי.