4 वें बच्चे

Question

के बाद सीएसएस सम्मिलित ब्रेक वर्तमान में, यह example इसमें 8 सूची आइटमों के साथ एक अनियमित सूची दिखाता है।

4 वें li आइटम के बाद ब्रेक डालने के लिए केवल सीएसएस (कोई HTML या जावास्क्रिप्ट) का उपयोग करने का कोई तरीका नहीं है। कुछ की तरह:

ul li:nth-child(4n):after { 
    content = '<br>'; 
} 

Answer 1

यह बाद एक ब्लॉक तत्व जोड़ें: http://jsfiddle.net/M4aV3/1/

ul li:nth-child(4n):after { 
    content: ' '; 
    display: block; 
} 

Answer 2

तुम भी एक ब्रेक वर्ण का उपयोग कर सकते हैं:

li:nth-child(4n):after { 
    content: '\a'; 
    white-space: pre; 
} 

http://jsfiddle.net/00woyu28/