ఎలా సృష్టించాలి: రెస్పాంసివ్ టేబుల్
రెస్పాంసివ్ టేబుల్ సృష్టించడానికి తెలుసుకోండి.
రెస్పాంసివ్ టేబుల్
స్క్రీన్ చిన్నది అయితే, మొత్తం విషయాలను చూపించలేదు, రెస్పాంసివ్ టేబుల్ అడుగు రోలింగ్ బార్నిస్స్ చూపుతుంది.
బ్రౌజర్ విండో పరిమాణాన్ని మార్చండి ప్రభావాన్ని చూడండి:
ప్రథమ పేరు | పొలికీ పేరు | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jill | Smith | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
Eve | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
రెస్పాంసివ్ టేబుల్ సృష్టించడానికి, <table> చుట్టూ ఒక కంటెయినర్ జోడించండి overflow-x:auto
యొక్క కంటెయినర్ ఎలమెంట్:
<div style="overflow-x:auto;"> <table> ... </table> </div>
గమనిక:ఒప్పందికి పెంటిక్కోన్స్ట్రాక్ట్ లోని రోలింగ్ బార్నిస్స్ డిఫాల్ట్లీ స్క్రీన్ హైడ్ చేయబడింది, మాత్రమే ఉపయోగించినప్పుడు చూపుతుంది (కానీ "overflow:scroll" లేదా auto సెట్ చేసినప్పుడు).
相关页面
教程:CSS 表格