अन्य तत्वों

Question

पुश करने के लिए मैं निम्नलिखित है गतिशील div बंद करो

Text text <div class="highlight" style="background-color:red;">text2</div> text text 
text text text text text. 

लेकिन यह पाठ धक्का, मैं यह कैसे कर सकते हैं पहले के रूप में एक ही क्रम में रहो?

यह है कि मैं क्या करने की कोशिश की है:

float:left; 

और

parent().css('overflow', 'auto'); 

यह काम नहीं किया।
क्या आप कोई समाधान जानते हैं?

अग्रिम धन्यवाद।

Answer 1

के बजाय आप दो समाधान है:

1) बस div

2 के बजाय span का उपयोग करें) आप div उपयोग कर सकते हैं, लेकिन आप को परिभाषित करने के लिए है निम्नलिखित शैली

div.highlight { 
    display:inline; 
} 

यहां आप दूसरे समाधान का डेमो ढूंढ सकते हैं: http://jsfiddle.net/smWvA/2/

Answer 2

आप अवधि का उपयोग कर सकते div

Text text <span class="highlight" style="background-color:red;">text2</span> text text 
text text text text text. 

Answer 3

डिव display:block डिफ़ॉल्ट रूप से है और यह उस प्रभाव को ध्यान में रखता है।

तो तुम SPAN insteed जो संपत्ति display

लिए डिफ़ॉल्ट के रूप inline है इस्तेमाल कर सकते हैं आप प्रदर्शन संपत्ति के बारे में अधिक पढ़ने के लिए चाहते हैं यहाँ एक नजर है, तो: https://developer.mozilla.org/en/CSS/display

Answer 4

आप कृपया अगर जाँच की जा सकी क्लास-हाइलाइट में कोई अभिभावक सीएसएस नहीं है जो इसे प्राप्त करता है। टेक्स्ट 2 के लिए "संगणित शैली" देखने का प्रयास करें।

गूगल क्रोम: F12, अपने तत्व का पता लगाने या सरल सही टेक्स्ट 2 क्लिक करें और तत्व का निरीक्षण किया।

परिकलित शैली मैं jsfiddle पर एक उदाहरण बना निरीक्षण तत्व खिड़की

Answer 5

के ऊपरी दाएँ भाग पर है। यदि आप div का उपयोग करने का निर्णय लेते हैं तो आपको डिस्प्ले निर्दिष्ट करना होगा: इनलाइन या इनलाइन-ब्लॉक। स्पैन, डिफ़ॉल्ट रूप से इनलाइन है, इसलिए यह यहाँ अवधि उपयोग करना बेहतर है ...

उदाहरण: http://jsfiddle.net/3L2K6/