css טיפים וטריקים ב CSS טבלה עם תגית SPAN בלבד

טבלה עם תגית SPAN בלבד

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

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

block, inline, run-in, flow, flow-root, flex, grid, list-item, table, table-row-group, table-header-group, table-footer-group, table-row, table-cell, table-column-group, table-column, table-caption, inline-table, inline-block, inline-flex, inline-grid

בדוגמא הבאה מוצגת טבלה המורכבת מתגיות span בלבד בתוספת הגדרות CSS.

כותרת הטבלה caption td1/1 זה התא השני של הטבלה בשורה הראשונה של הטבלה td2/1 זה התא השני של הטבלה בשורה השניה של הטבלה