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

sql - Return Function using Cursor -

My current schedule is: USERID Department NAME Real Estimated 522 Xyz Department John Wayne 2/1/14/14 8:34 522 Investigation Department John Wayne 2/17/1411: 21 78 9Except Department Bill Smith 2/17/14 9:41 78 9 Excise Department Bill Smith 2/17/14 11:16 78 9 Excise Department Bill Smith 2 / 17/14 11:50 78 9 Excise Department Bill Smith 2/17/14 12: 18 856 Explore Department Raul Castill 2/17/14 9:25 I have to create a function which enables me to enter a user ID and that Allows the user to return data from the person. However, I want to take the first line and want to hold the actual date and then put it in the 'column' check and I also carry the last row and store it in 'Check Out' in the column call. Basically, for every day, I want to record the records in the user's time and want to take the time for each day. This is what I have done so far " return @RtnValue table (useridd integer, deptname varchar (max), emplname varchar (100), actualDate da...
Read more

javascript - Is there any way to add a new parameter to a function programmatically? -

Since I can set the number of expectations by calling a function its function.length Property, do I have to programmatically create the right number of parameters to include in that function at runtime? Example: var xyz = function (a, b) {}; Var BCD = function (A, B, C, D, E, F) {}; // vararg example var doc = document, func_length = xyz.length; Doc.xyz = (function () {returns function (A, B, C, D, E) works for one / but other is not}}}. Call (doctor); / * With `only two parameters ', like' Return function (A, B)`, if this function is used for `xyz` (although in this case 5 works fine), and return function ( If the function is used for 'BCD' (which does not work with only five parameters) with A, B, C, D, E, F) `6 / / Xyz.apply (blank, arguments) Think about ... but which logic ..? : // Returning function (A, B, C, D, E) does not support work with more than five parameters, which will be mostly class - hence my question / I also know very well That I use an obj...
Read more

sql server - How to use pivot in this table -

वास्तविक तालिका संरचना ==================== =============== slno ParnetID ParnetName संवर्धन मार्केटर 1 SLM1010S SKR.RAJASHEGARAN 2 43640 2 40049 M.KANNAN 3 43640 3 40018 M.PRABU 6 43,640 4 SLM1010S SKR.RAJASHEGARAN 2 43641 5 40042 M.KANNAN 3 43,641 6 40011 M.PRABU 6 43,641 मैं अपने प्रश्न हैं: अस्थायी रूप (slno, parentid, parentname, parentpromotionid, marketerid, (चयन गणना (*) parentmaster कहां t1.marketerid = marketerid और t1.parentid से चयन युक्त = parentid और t1.parentname = parentname और slno & lt; = t1.slno) ROWNUM के रूप में parentmaster t1 रूप से) का चयन करें marketerid, [2], [6], [3] अस्थायी धुरी से (न्यूनतम (parentid) के लिए parentpromotionid में ( [2], [6], [3])) के रूप में टी लेकिन मैं इस तालिका संरचना चाहते हैं MarketerID 2 से 6 3 43,640 SLM1010S 40,018 40049 43641 SLM1010S 40011 40042 यह आपकी मदद कर सकता है .. बाज़ार का चयन करें, [2], [3], [6] से ( मार्केटर का चयन करें, संवर्धन, ParnetID parentmaster) घ धुरी (न्यूनतम (ParnetID) ([2], [3], [6])) के ...
Read more