របៀបដាក់អត្ថបទក្នុងក្រឡាតារាង

ប្រសិនបើអ្នកជាអ្នករចនាគេហទំព័រថ្មីអ្នកប្រហែលជាមានសំណួរអំពីរបៀបដាក់អត្ថបទនៅខាងក្នុងនៃក្រឡាតារាង។ ជាមួយនឹងមគ្គុទ្ទេសក៍នេះសូមមេត្តាបច្ចេកទេសនេះក្នុងពេលតែប៉ុន្មាននាទីប៉ុណ្ណោះ។ វាងាយស្រួល - ទោះបីជាអ្នកមិនធ្លាប់ព្យាយាមពីមុនក៏ដោយ។

ចាប់ផ្ដើម

ការសរសេរអត្ថបទកណ្តាលនៃកោសិកាត្រូវបានធ្វើដោយ CSS យ៉ាងល្អបំផុតដូចជាអ្នកនឹងដាក់ អត្ថបទកណ្តាល នៅក្នុងធាតុផ្សេងទៀតនៅលើគេហទំព័ររបស់អ្នក។ មុននឹងអ្នកចាប់ផ្តើមទោះជាយ៉ាងណាក៏ដោយអ្នកត្រូវសំរេចថាតើអ្វីដែលអ្នកចង់បានជាកណ្តាល។ ជាមួយតារាងមួយអ្នកមានជម្រើសជាច្រើនរួមទាំងក្រឡាទាំងអស់នៅក្នុងតារាង។ គ្រប់ក្រឡាក្បាលនៅក្នុងតារាងរាល់ក្រឡាទាំងអស់នៅក្នុងក្បាលតារាងរាងកាយតារាងឬជើងតុ។ អ្នកក៏អាចកណ្តាលកោសិកាជាក់លាក់ឬសំណុំក្រឡានៅក្នុងតារាង។

លើសពីនេះទៀតអ្នកគួរតែបង្កើត សន្លឹករចនាប័ទ្មខាងក្នុង នៅក្នុងក្បាលឯកសាររបស់អ្នកឬភ្ជាប់ទៅឯកសារជា សន្លឹករចនាប័ទ្មខាងក្រៅ ។ អ្នកនឹងដាក់រចនាប័ទ្មដើម្បីដាក់កណ្តាលតារាងរបស់អ្នកនៅក្នុងសន្លឹករចនាប័ទ្មនោះ។

តើធ្វើដូចម្តេចដើម្បីកណ្តាលគ្រប់កោសិកានៅក្នុងតារាង

បន្ថែមបន្ទាត់ខាងក្រោមទៅសន្លឹករចនាប័ទ្មរបស់អ្នក:

td, th {text-align: center; }

តើធ្វើដូចម្តេចដើម្បីកណ្តាលគ្រប់ក្បាលកោសិកានៅក្នុងតារាង

បន្ថែមបន្ទាត់ខាងក្រោមទៅសន្លឹករចនាប័ទ្មរបស់អ្នក:

th {text-align: center; }

ដាក់កោសិការាល់ក្នងក្ដរជើងក្បាលឬជើង

ដើម្បីតម្រឹមកោសិកាទាំងនេះអ្នកត្រូវបន្ថែមស្លាកតារាងដែលមិនត្រូវបានប្រើជានិច្ចដូចជា , និង ។ បន្ទាប់មកអ្នកនឹងព័ទ្ធជុំវិញកោសិកាតារាងរបស់អ្នកជាមួយស្លាកទាំងនេះដើម្បីកំណត់អត្តសញ្ញាណក្បាលតារាងរាងកាយនិងជើង។ បន្ទាប់ពីនោះអ្នកនឹងបន្ថែមដូចខាងក្រោមទៅសន្លឹករចនាប័ទ្មរបស់អ្នក:

thad, thead td {text-align: center; } ទាំងអស់គ្នា td {text-align: center; } tfoot ទី, tfoot td {text-align: center; }

យករចនាប័ទ្មចេញសម្រាប់តំបន់ដែលអ្នកមិនចង់ដាក់កណ្តាល។

តើធ្វើដូចម្តេចដើម្បីដាក់កោសិកាជាក់លាក់មួយឬក្រឡានៅក្នុងតារាងមួយ

ដើម្បីធ្វើដូច្នេះអ្នកត្រូវកំណត់ថ្នាក់លើក្រឡាដែលអ្នកចង់ដាក់កណ្តាល។

បន្ថែមគុណលក្ខណៈដូចខាងក្រោមទៅក្រឡាតារាងដែលអ្នកចង់ដាក់កណ្តាល:

class = "cell-centered" >

បន្ទាប់មកបន្ថែមខាងក្រោមទៅសន្លឹករចនាប័ទ្មរបស់អ្នក:

.centered-cell {text-align: center; }

អ្នកអាចបន្ថែមថ្នាក់នេះទៅក្រឡាណាមួយក្នុងតារាងរបស់អ្នក។

រុំឡើង

កុំស្ទាក់ស្ទើរក្នុងការប្រើរចនាប័ទ្មទាំងនេះនៅលើកោសិកាតារាងណាមួយរបស់អ្នក។ អ្នកអាចប្រើពួកវានៅលើក្រឡាដែលបញ្ចូលគ្នាឬនៅលើក្រឡាតែមួយហើយអត្ថបទនៅនឹងត្រូវបានដាក់កណ្តាល។