html - Child divs not wrapping to stay inside parent -


इस बेला पर एक नज़र डालें

html है: 

  & lt; div id = "parent" style = "width: 150px; डिस्प्ले: इनलाइन-ब्लॉक; सफ़ेद-स्पेस: अबॉपर" & gt; & Lt; div id = "एक" वर्ग = "बच्चों" & gt; & LT; अवधि & gt; हाय के & lt; / span & gt; & Lt; / div & gt; & Lt; div id = "two" वर्ग = "बच्चों" & gt; & Lt; span & gt; बॉब अपने वायलिन पर खेलना चाहता है & lt; / span & gt; & Lt; / div & gt; & Lt; / div & gt; सीएसएस के साथ   
  
  #parent {background-color: #aaaaaa} #one {background-color: # ff0000} #two {background-color : # 00ff00} .kids {display: inline-block; पैडिंग: 2px; सफेद स्थान: सामान्य; }   
 मैं कैसे div # दो लपेटो पहले बना सकता हूँ ताकि मैं माता-पिता div के अंदर दोनों बच्चे div रख सकूं?   
 
 
 बस माता-पिता से जुड़ी चौड़ाई को हटा दें। यह माता-पिता div को इसकी ऊंचाई बढ़ाने के लिए डिव  #two  में सामग्री को समायोजित करने के लिए मजबूर करता है। इसलिए पैरेंट डिवेल को इस तरह रखें:  
  & lt; div id = "parent" style = "display: inline-block; white-space: nowrap" & gt;   
 और यह आपके लिए चाल करना चाहिए।  
 वैकल्पिक रूप से, आप माता-पिता को एक न्यूनतम-ऊंचाई जोड़ सकते हैं, ताकि यह स्वचालित रूप से अपनी चौड़ाई के आधार पर समायोजित हो सके अपने बच्चे के भीतर सामग्री तो आपकी पैरेंट डिवि इस तरह दिख सकती है:  
  & lt; div id = "parent" style = "min-width: 150px; डिस्प्ले: इनलाइन-ब्लॉक, व्हाइट-स्पेस: आइपॉड" & gt;   
 आशा है कि यह मदद करता है !!!  
 संपादित करें: आपके बच्चे div पहले से ही माता-पिता div में लपेटता है। जब आप छोटे कोड को  दो  नाम से एक छोटे से चौड़ाई जोड़ते हैं तो यह 'पता चला' है।  
 यहां देखें:  
 यदि आप चाहते हैं कि आप div  दो  को  माता पिता  div में लपेटें, फिर  अभिभावक  के लिए एक निश्चित चौड़ाई संलग्न करने का कोई मतलब नहीं है। इसके बजाय, आपको  दो  नाम वाले डिवाइन में एक निश्चित चौड़ाई प्रदान करने की आवश्यकता होगी इसके बाद सामग्री द्वारा तय की गई जगह पर यह कब्जा होगा। तब आपके  मूल  div तब अपने बच्चों के आकार के आधार पर विस्तारित रहेंगे, इस मामले में, div  एक  और  दो ।  
 इन फीड्स को देखें:  
 बच्चे के लिए निश्चित चौड़ाई, माता-पिता के लिए कोई चौड़ाई नहीं:  
 चाइल्ड डिव अपनी सामग्री के आकार के आधार पर लपेटता है: और  
 आशा है कि यह मदद करता है !!!

Comments

Post a Comment

Popular posts from this blog

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

wpf - ControlTemplate with changes for every class -

I have the following ControlTemplate that is the same for all my custom controls. & amp; the lift; ControlTemplate x: key = "PssFunctionControlBaseHorizontal" TargetType = "Local: PssFunctionControlBase" & gt; & Lt; Grid & gt; & Lt; Threshold Threshold = "1" & gt; & Lt; Content Control X: Name = "Inner Content" Template = "{Static Resources Inner Contentbase Horizontal}" /> & Lt; / Border & gt; & Lt; Control x: name = "PART_ResizeDecorator" visibility = "short" template = "{static resource resize deccurratematet}" /> & Lt; / Grid & gt; & Lt; ControlTemplate.Triggers & gt; & Lt; Data Trigger Value = "True" Binding = "{Binding Editing Moded, Relative Soros = {ResolveSource Search Engineer, Instant Type = {x: Type Local: PssViewLayoutControl}}}" & gt; & Lt; Setter target name = "PART_ResizeDecorator" ...
Read more

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more