បង្កើតប្រអប់ជាមួយអត្ថបទរមូរដោយប្រើប្រាស់ CSS និង HTML
ប្រអប់រមូរ HTML ជាប្រអប់មួយដែលបន្ថែមរបាររមូរទៅខាងស្តាំនិងបាតនៅពេលដែលមាតិកានៃប្រអប់មានទំហំធំជាងវិមាត្រប្រអប់។ ម្យ៉ាងវិញទៀតប្រសិនបើអ្នកមានប្រអប់មួយដែលអាចដាក់នៅជុំវិញ 50 ពាក្យហើយអ្នកមានអត្ថបទនៃ 200 ពាក្យប្រអប់រមូរ HTML នឹងដាក់របាររមូរឡើងដើម្បីឱ្យអ្នកមើលបន្ថែម 150 ពាក្យ។ នៅក្នុង HTML ស្តង់ដារដែលគ្រាន់តែជំរុញអត្ថបទបន្ថែមខាងក្រៅប្រអប់ប៉ុណ្ណោះ។
ការធ្វើឱ្យរមូររបស់ HTML មានភាពងាយស្រួល។ អ្នកគ្រាន់តែត្រូវការកំណត់ទទឹងនិងកំពស់នៃធាតុដែលអ្នកចង់រមូរហើយបន្ទាប់មកប្រើលក្ខណសម្បត្តិ CSS overflow ដើម្បីកំណត់របៀបដែលអ្នកចង់រមូរកើតឡើង។
អ្វីដែលត្រូវធ្វើជាមួយអត្ថបទបន្ថែម?
នៅពេលអ្នកមានអត្ថបទច្រើនជាងសមនឹងដាក់ក្នុងចន្លោះនៅលើប្លង់របស់អ្នកអ្នកមានជំរើសមួយចំនួន:
- សរសេរអក្សរឡើងវិញដើម្បីឱ្យវាខ្លីនិងសមនឹង។
- អនុញ្ញាតឱ្យអត្ថបទហូរចូលហួសព្រំដែននិងសង្ឃឹមថាប្លង់អាចបត់បែនដើម្បីគាំទ្រវា។
- កាត់អត្ថបទដែលវាហៀរហូរ។
- បន្ថែមរបាររមូរ (តាមធម្មតាបញ្ឈរសម្រាប់អត្ថបទ) ដូច្នេះរមូរអ័ក្សដើម្បីបង្ហាញអត្ថបទបន្ថែម។
ជម្រើសល្អបំផុតគឺជាជម្រើសចុងក្រោយ: បង្កើតប្រអប់អត្ថបទរមូរមួយ។ បន្ទាប់មកអត្ថបទបន្ថែមនៅតែអាចអានបានប៉ុន្តែការរចនារបស់អ្នកមិនត្រូវបានលួច។
HTML និង CSS សម្រាប់ការនេះនឹងមាន:
Overflow: auto; ប្រាប់កម្មវិធីរុករកបន្ថែមរបាររមូរប្រសិនបើពួកគេត្រូវការដើម្បីរក្សាអត្ថបទពីការហូរចូលនៃព្រំប្រទល់។ ប៉ុន្តែដើម្បីឱ្យការងារនេះដំណើរការបានអ្នកត្រូវមានលក្ខណសម្បត្តិរចនាប័ទ្មទទឹងនិងកំពស់ដែលត្រូវបានកំណត់លើ div ដូច្នេះវាមានព្រំដែនដើម្បីហូរ។
អ្នកក៏អាចកាត់ផ្តាច់អត្ថបទដោយការផ្លាស់ប្តូរលើសចំណុះ: auto; ទៅហូរ: លាក់។ ប្រសិនបើអ្នកចាកចេញពីលក្ខណៈសម្បត្តិលើសលប់នោះអត្ថបទនឹងធ្លាយហួសព្រំដែនរបស់ div ។
អ្នកអាចបន្ថែមរបាររមូរទៅច្រើនជាងគ្រាន់តែអត្ថបទ
ប្រសិនបើអ្នកមានរូបភាពធំដែលអ្នកចង់បង្ហាញក្នុងទំហំតូចអ្នកអាចបន្ថែមរបាររមូរជុំវិញវាតាមវិធីដូចគ្នាដែលអ្នកចង់បានជាមួយអត្ថបទ។
ក្នុងឧទាហរណ៍នេះរូបភាព 400x509 ស្ថិតនៅក្នុងកថាខណ្ឌ 300x300 ។
តារាងអាចទទួលបានអត្ថប្រយោជន៍ពីរបាររមូរ
តារាងពត៌មានវែងអាចពិបាកក្នុងការអានយ៉ាងឆាប់រហ័សប៉ុន្ដែដោយដាក់វានៅខាងក្នុងទំហំតូចហើយបន្ទាប់មកបន្ថែមលក្ខណសម្បត្តិហួសប្រមាណអ្នកអាចបង្កើតតារាងដែលមានទិន្នន័យច្រើនដែលមិនត្រូវការទំហំហួសបំផុតនៅលើទំព័ររបស់អ្នក។ ។
វិធីដែលងាយស្រួលបំផុតគឺគ្រាន់តែដូចជារូបភាពនិងអត្ថបទគ្រាន់តែបន្ថែមរង្វង់នៅជុំវិញតារាងកំណត់ទទឹងនិងកម្ពស់របស់ div ហើយបន្ថែមលក្ខណសម្បត្តិពោរពេញដោយ:
<តារាង>រឿងមួយដែលកើតឡើងនៅពេលដែលអ្នកធ្វើនេះគឺរបាររមូរផ្ដេកមួយជាធម្មតាលេចឡើងដោយសារតែកម្មវិធីរុករកគិតថាស្គ្រីនរបស់របាររមូរត្រួតលើតារាង។ មានវិធីជាច្រើនដើម្បីជួសជុលវាពីការផ្លាស់ប្តូរទទឹងនៃតារាងនិងផ្សេងទៀត។ ប៉ុន្តែអ្វីដែលខ្ញុំចូលចិត្តបំផុតនោះគឺគ្រាន់តែបិទរមូរដោយផ្ដេកដោយប្រើ CSS-3 overflow ។ គ្រាន់តែបន្ថែម overflow-x: hidden; ទៅឌីជ, ហើយនោះនឹងដករបាររមូរផ្ដេកចេញ។ ត្រូវប្រាកដថាអ្នកសាកល្បងវាព្រោះថាអាចមានមាតិកាដែលបាត់។
Firefox គាំទ្រការប្រើប្រាស់ស្លាក TBODY សម្រាប់ Overflow
លក្ខណៈពិសេសដ៏ស្រស់ស្អាតមួយនៃកម្មវិធីរុករករបស់ Firefox គឺថាអ្នកអាចប្រើលក្ខណសម្បត្តិពោរពេញទៅលើស្លាកតារាងខាងក្នុងដូចជា tbody and thead ឬ tfoot ។ នេះមានន័យថាអ្នកអាចកំណត់របាររមូរនៅលើមាតិកាតារាងហើយកោសិកាបឋមកថានៅពីលើពួកវា។ វាដំណើរការតែក្នុង Firefox ដែលមិនល្អទេប៉ុន្តែវាជាលក្ខណៈពិសេសប្រសិនបើអ្នកអានរបស់អ្នកប្រើតែ Firefox តែប៉ុណ្ណោះ។ រកមើលឧទាហរណ៍នេះក្នុង Firefox ដើម្បីមើលអ្វីដែលខ្ញុំចង់និយាយ។
រចនាប័ទ្ម = "លើសចំណុះ: ដោយស្វ័យប្រវត្តិ;"
កំពប់-x: លាក់: កម្ពស់: 100px; ">