2013-05-18 15 views
19

पर उत्तरदायी तालिका कक्ष एक तीसरी पार्टी सामग्री साइट है जिसे मुझे गतिशील सामग्री के माध्यम से "EMBED" करना है, मुझे फिलहाल अजाक्स या Jquery नहीं पता है इसलिए मैं सोच रहा हूं कि तालिका तालिका को नीचे स्थानांतरित करना संभव है या नहीं अनिवार्य रूप से एक नई पंक्ति बनाने के लिए एक नई लाइन के लिए।नई लाइन

एम्बेड के साथ समाप्त होता है:

<table> 
<tr> 
<td></td> 
<td></td> 
</tr> 
</table> 

कोई वर्ग या आईडी की तालिका में रखा, लेकिन यह पृष्ठ पर केवल तालिका है और यह बहुत ज्यादा तरीका एक लाइन पर फिट करने के लिए सामग्री है थे, यह एक मोबाइल वेबसाइट के लिए है इसलिए मुझे पूरा पृष्ठ 320 पिक्सल चौड़ा बनाना है।

क्या यह अकेले सीएसएस का उपयोग करना संभव है?

मैं नया एचटीएमएल नहीं डाल सकता, सामग्री को एक सुरक्षित सर्वर से गतिशील रूप से बनाया गया है जिसकी हमारे पास पहुंच नहीं है, लेकिन हम एक्सेस करने के लिए एक एपीआई कुंजी का उपयोग करते हैं .. मीडियाक्वायर काम करते हैं। तो वे सब eachother के तहत हो जाएगा

td {clear:both;} 

उत्तर

62

आप tddisplay:block; करने के लिए सेट कर सकते हैं:

मैं वर्तमान की तर्ज पर कुछ के साथ प्रयोग करने के लिए कोशिश कर रहा हूँ।

एचटीएमएल

<table> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
</table> 

सीएसएस

td{ 
    display:block; 
} 

यहाँ देखें: http://jsfiddle.net/hDsts/

+10

यह नोट करना आप एक doctype इस काम करने के लिए निर्दिष्ट किया गया है कि महत्वपूर्ण है। अर्थात।

+28

आपको काम करने के लिए बहुत कुछ करने के लिए एक डॉक्टरेट की आवश्यकता है। – user2019515

+3

ध्यान दें कि आपको ऊपर दिखाए गए ** ** ** दोनों डीडी डिस्प्ले ब्लॉक देना है। मैंने उस पर नजर रखी, इसलिए यह संकेत मेरे जैसे हर किसी के लिए है;) अगर आप उन्हें पहले संशोधित करते हैं तो दोनों टीडी की चौड़ाई 100% दें। –

0

अन्य समाधान (जब display: block; नहीं काम करता है) का उपयोग करने के लिए है inline-block:

सीएसएस

td { 
    display: inline-block; 
}