ඔබ වෙබ් අඩවි නිර්මාණ ශිල්පියෙක් නම්, වගු සෛලයක පෙළ කේන්ද්රගත කරගත හැකි ආකාරය පිළිබඳ ප්රශ්න තිබිය හැකිය. මෙම මාර්ගෝපදේශය සමඟ, මෙම තාක්ෂණය තාක්ෂණය විනාඩි කිහිපයක් විනාඩි. එය ඔබට පහසු දෙයක් නොවේ.
ඇරඹේ
සෛලයක් තුළ කේන්ද්රගතව කේන්ද්රගත කිරීම CSS සමඟ වඩා හොඳින් සිදු කළ හැකිය, ඔබ ඔබේ වෙබ් පිටුවෙහි තවත් මූලද්රව්යයක කේන්ද්රය කේන්ද්රගත කරනු ඇත. කෙසේ වෙතත්, ඔබ ආරම්භ කිරීමට පෙර, ඔබ කේන්ද්රගත වීමට අවශ්ය කුමක්ද යන්න තීරණය කිරීමට ඔබට අවශ්ය වේ. වගුවක් සහිතව, ඔබට මේසයේ සෑම සෛලයක්ම ඇතුළු විකල්ප ගණනාවක් ඇත; මේසයේ හිසකෙස්, මේසයේ හෝ මේස අඩිවල සෑම සෛලයකම සෑම ශීර්ෂක සෛලයකම. මේසයේ යම් නිශ්චිත සෛලයක් හෝ සෛලයක පිහිටීමද ඔබට කේන්ද්රගත විය හැකිය.
මීට අමතරව, ඔබේ ලේඛනයේ හිස තුළ අභ්යන්තර ශෛල පත්රයක් නිර්මාණය කළ යුතුය, නැතහොත් බාහිර ශිලා පත්රය ලෙස ලේඛනයට ඈඳිය යුතුය. ඔබට එම ස්ටයිල් පත්රයේ ඔබේ වගු සෛල කේන්ද්රගත කිරීමට ඔබට විලාසයන් යොදවනු ඇත.
මේසයේ සෑම සෛලයක්ම කේන්ද්රගත කරගන්නේ කෙසේද?
ඔබගේ ශෛලිය පත්රයට පහත දැක්වෙන රේඛා එකතු කරන්න:
td, th {text-align: center; }}වගුවෙහි සෑම හිසක් සෛල කේන්ද්රගත කරගන්නා ආකාරය
ඔබගේ ශෛලිය පත්රයට පහත දැක්වෙන රේඛා එකතු කරන්න:
th {පෙළ-align: center; }}මේසයේ හිස, ශරීරය හෝ පාදයේ කේන්ද්රය කේන්ද්රගත කිරීම
මෙම සෛල කේන්ද්රගත කිරීම සඳහා, ඔබ සැමවිටම භාවිතා නොකරන ලද ලේබල ටැග එකතු කිරීමට අවශ්ය වේ, එනම් ,
සහ . එවිට, මේසයේ හිස, ශරීරය සහ පාදය හඳුනා ගැනීමට ඔබේ ටැබ්ලට් සෛල මෙම ටැගයන් සමඟ බැඳී ඇත. ඊට පස්සේ, ඔබ ඔබේ ශෛලිය පත්රයට පහත දැක්වෙනු ඇත: thad {th-text-align: center; } tony th, tbody td {පෙළ-align: center; } tfoot th, tfoot td {text-align: center; }}ඔබ කේන්ද්රගත වීමට අවශ්ය නොවන ප්රදේශ සඳහා මෝස්තර ඉවත් කරන්න.
වගුවක ඇති විශේෂිත සෛල හෝ සෛල කේන්ද්රගත කරන්නේ කෙසේද
මෙය කිරීමට, ඔබ කේන්ද්රගත කිරීමට අවශ්ය සෛල මත පංතියක් පිහිටුවිය යුතුය.
ඔබ කේන්ද්රගත කිරීමට අවශ්යව ඇති වගු සෛල පහත සඳහන් ගුණාංගය එකතු කරන්න:
එවිට ඔබගේ ශෛලිය පත්රයට පහත සඳහන් දෑ එකතු කරන්න:
.centered-cell {text-align: center; }}ඔබේ මේසය තුල ඕනෑම කොටුවක්කට මෙම පන්තිය එකතු කළ හැකිය.
ඔතන
ඔබගේ මේස කවරයේ ඕනෑම ආකාරයක මෙම විලාසිතා භාවිත කිරීමට පසුබට නොවන්න. ඔබ ඒකාබද්ධ වූ සෛල හෝ තනි සෛල මත ඒවා භාවිතා කළ හැකි අතර එහි ඇතුළත පෙළ කේන්ද්රගත වනු ඇත.