मैं DIV टैग को नई लाइन शुरू करने से कैसे रोकूँ?

89

मैं उस ब्राउज़र पर पाठ की एक पंक्ति को आउटपुट करना चाहता हूं जिसमें एक टैग शामिल है। जब यह प्रदान किया जाता है तो ऐसा प्रतीत होता है कि DIV एक नई रेखा का कारण बनता है। मैं उसी लाइन पर div टैग में सामग्री को कैसे शामिल कर सकता हूं - यहां मेरा कोड है।

<?php 
  echo("<a href=\"pagea.php?id=$id\">Page A</a>") 
?>
<div id="contentInfo_new">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

मैंने इसे यहाँ साफ करने की कोशिश की है। किसी एक पंक्ति में मेरा यह प्रदर्शन कैसे हो सकता है?

html css

— अपरिभाषित
स्रोत

बस इंगित करने के लिए, आपको इको का उपयोग करते समय कोष्ठक की आवश्यकता नहीं है। echo $id;के रूप में मान्य है echo($id);।

— एडी हार्ट

142

divटैग है कि व्यवहार के कारण एक ब्लॉक तत्व है,।

आपको spanइसके बजाय एक तत्व का उपयोग करना चाहिए , जो इनलाइन है।

यदि आप वास्तव में उपयोग करना चाहते हैं div, तो जोड़ें style="display: inline"। (आप इसे सीएसएस नियम में भी डाल सकते हैं)

— SLaks
स्रोत

13

केवल इस बात का display: inlineखंडन करता है कि DIV क्या है, इसलिए कृपया इसे न करें! इसके बजाय स्पैन का उपयोग करें।

— रॉबर्ट के

28

मुझे इस बात की अच्छी जानकारी है; इसलिए मैंने लिखा है if you really want to।

— SLaks 15

22

HTML5 से पहले एक डिव को एक पेज के विभाजन के रूप में परिभाषित किया गया है। यह किसी भी प्रस्तुति विशेषताओं के साथ परिभाषित नहीं है। दूसरे शब्दों में एक div सामग्री और तत्वों के आधार पर इसकी परिभाषा के अनुसार शब्दार्थ रूप से उपयुक्त है। परिणामस्वरूप यह प्रदर्शित करने के लिए एक div सेट करने के लिए पूरी तरह से ठीक है: इनलाइन और किसी भी शब्दार्थ या मानक परिभाषा का उल्लंघन नहीं।

2

मेरे मामले में, मैं स्पैन का उपयोग नहीं कर सकता था, क्योंकि मैं एक ब्रेक-वर्ड शब्द रैप संपत्ति को परिभाषित करना चाहता था, और वे केवल ब्लॉक प्रकार के तत्वों के लिए काम करते हैं। लेकिन मैं div का उपयोग नहीं कर सका, क्योंकि मुझे नई लाइन नहीं चाहिए थी। इसलिए इसके बजाय मैंने इस्तेमाल किया display: inline-blockऔर एक दिव्य तत्व। कहें कि आप शैली के बारे में क्या कहेंगे, लेकिन इससे दोनों समस्याएं हल हो गईं।

— jsarma

यह मेरे लिए काम नहीं किया! मुझे उम्मीद थी कि यह उस कोशिका का विस्तार करेगा जो div में है, लेकिन कोई बदलाव नहीं हुआ

— rezKesh

36

मैं विशेषज्ञ नहीं हूं, लेकिन कोशिश करता हूं white-space:nowrap;

व्हाइट-स्पेस प्रॉपर्टी सभी प्रमुख ब्राउज़रों में समर्थित है।

नोट: मान "inherit"IE7 और पूर्व में समर्थित नहीं है। IE8 एक की आवश्यकता है!DOCTYPE । IE9 का समर्थन करता है "inherit"।

— Shivanshu
स्रोत

महान जब आपको इनलाइन-ब्लॉक तत्वों की आवश्यकता होती है, तो आप लाइन के अंत में लपेटने के लिए नहीं होते हैं जब आपके पास overflow: hiddenरैप तत्व होता है और आप इसे माता-पिता के अनुसार "पृष्ठभूमि पर" :)

— jave.web

16

div एक ब्लॉक तत्व है, जो हमेशा अपनी लाइन लेता है।

spanइसके बजाय टैग का उपयोग करें

— cobbal
स्रोत

10

आप फ़ंक्शन के लिए प्रस्तुति को भ्रमित कर रहे हैं। एक div अपनी लाइन लेता है क्योंकि इसे डिस्प्ले के रूप में प्रस्तुत किया जाता है: डिफ़ॉल्ट रूप से ब्लॉक करें और किसी अन्य कारण से नहीं।

1

लेकिन स्पैन पहले और बाद में एक लाइन ब्रेक भी बनाता है?

— user3761308

6

style="display: inline"अपने div में जोड़ें ।

— फ्रांज
स्रोत

5

फ्लोट का उपयोग करें: div और लिंक पर छोड़ दिया, या एक स्पैन का उपयोग करें।

— Jimmeh
स्रोत

1

सीएसएस संपत्ति का उपयोग करें - सफेद-स्थान: नॉरैप;

— जिठज्यो अज्ञान
स्रोत

0

ब्रेक लाइन करने का एक बेहतर तरीका सीएसएस शैली पैरामीटर सफेद-स्थान के साथ स्पैन का उपयोग कर रहा है: नॉरैप;

span.nobreak {
  white-space: nowrap;
}

or
span.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

सीधे अपने HTML में उदाहरण दें

<span style='overflow:hidden; white-space: nowrap;'> YOUR EXTENSIVE TEXT THAT YOU CAN´T BREAK LINE ....</span>

— एलेक्स। Manfrin
स्रोत

-1

<div style="float: left;">
<?php 
  echo("<a href=\"pagea.php?id=$id\">Page A</a>") 
?>
</div>
<div id="contentInfo_new" style="float: left;">
  <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>

— dfilkovi
स्रोत

3

जावास्क्रिप्ट का उपयोग करने के लिए भयानक विचार + php, जब आप केवल सीएसएस के साथ ठीक हो सकते हैं।

— ज़ुराबवेब

@Piero आप ऐसा क्यों कहते हैं? बैकएंड को आमतौर पर फ्रंट एंड ऐप के लिए जरूरी होता है

— जिज्ञासु

3

@ गंभीर सच है, लेकिन बैकएंड की गणना और डेटा हैंडलिंग जैसी बैकएंड चीजों से निपटना चाहिए, जबकि ब्राउज़र को संसाधित करने के लिए फ्रंटेंड को छोड़ दिया जाना चाहिए। यह सर्वर लोड को कम करता है और उपयोगकर्ता अनुभव में सुधार करता है। यह सामान्य शब्दों में है। हालाँकि, इस विशेष मामले में, <a href="pagea.php?id=<?php echo $id ;> "> पृष्ठ A </a> काफी अच्छा होगा। और getData.php के साथ, अगर यह अपाचे द्वारा नियंत्रित किया जा सकता है तो php पार्स और आउटपुट जावास्क्रिप्ट क्यों है? जैसे: src = "getData.js? Id = <? Php इको $ id?>"

— ZurabWeb

-2

आप बस का उपयोग कर सकते हैं:

#contentInfo_new br {display:none;}

— user3012794
स्रोत