প্রশ্ন ট্যাগ «flexbox»

আমি ফ্লেক্সবক্সটি ব্যবহার করতে চাই যার মধ্যে বেশ কয়েকটি আইটেম রয়েছে যা সমস্ত একই প্রস্থের। আমি লক্ষ্য করেছি যে ফ্লেক্সবক্সটি জায়গার চেয়ে বরং সমানভাবে জায়গাগুলি বিতরণ করে। উদাহরণ স্বরূপ: .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } <div class="header"> <div class="item">asdfasdfasdfasdfasdfasdf</div> <div …

186 css  flexbox 

নিম্নলিখিত স্নিপেট বিবেচনা করুন: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy …

176 css  internet-explorer  flexbox  internet-explorer-11 

আমি নেস্টেড ফ্লেক্সবক্স লেআউটে কাজ করছি যা নিম্নলিখিত হিসাবে কাজ করা উচিত: বাইরেরতম স্তর ( ul#main) একটি অনুভূমিক তালিকা যা এতে আরও আইটেম যুক্ত করা হলে ডানদিকে প্রসারিত করতে হবে। যদি এটি খুব বড় হয় তবে একটি অনুভূমিক স্ক্রোল বার থাকা উচিত। #main { display: flex; flex-direction: row; flex-wrap: nowrap; …

167 html  css  flexbox 

বন্ধ । এই প্রশ্নটি মতামত ভিত্তিক । এটি বর্তমানে উত্তর গ্রহণ করছে না। এই প্রশ্নটি উন্নত করতে চান? প্রশ্নটি আপডেট করুন যাতে পোস্টটি সম্পাদনা করে সত্য এবং উদ্ধৃতি দিয়ে উত্তর দেওয়া যায় । 5 বছর আগে বন্ধ । এই প্রশ্নটি উন্নত করুন আমি সম্প্রতি আবিষ্কার করেছি Flexboxযখন আমি সর্বাধিকের উপর …

161 html  css  twitter-bootstrap  flexbox 

নিম্নলিখিত বিন্যাসটি কল্পনা করুন, যেখানে বিন্দুগুলি বাক্সগুলির মধ্যে স্থানকে উপস্থাপন করে: [Left box]......[Center box]......[Right box] আমি যখন ডান বাক্সটি সরিয়ে ফেলি, তখন আমি পছন্দ করি যে সেন্টার বক্সটি এখনও কেন্দ্রে থাকবে, যেমন: [Left box]......[Center box]................. আমি যদি বাম বাক্সটি সরিয়ে ফেলতে পারি তবে একই বিষয়। ................[Center box]................. এখন যখন কেন্দ্রের …

161 html  css  flexbox  centering 

ফ্লেক্সবক্সের এমন আচরণ রয়েছে যেখানে এটি চিত্রগুলি তাদের প্রাকৃতিক উচ্চতায় প্রসারিত করে। অন্য কথায়, যদি আমার কাছে চাইল্ড ইমেজ সহ একটি ফ্লেক্সবক্স ধারক থাকে এবং আমি সেই চিত্রটির প্রস্থকে আকার পরিবর্তন করি তবে উচ্চতাটি মোটেও আকার পরিবর্তন করে না এবং চিত্রটি প্রসারিত হয়। div { display: flex; flex-wrap: wrap; } …

156 html  css  flexbox 

আমি একটি ধারক আছে <div>সঙ্গে display: flex। এটি একটি শিশু আছে <a>। আমি কীভাবে শিশুটিকে "ইনলাইন" উপস্থিত করতে পারি? বিশেষত, আমি কীভাবে সন্তানের প্রস্থটিকে তার বিষয়বস্তু দ্বারা নির্ধারণ করতে পারি, এবং পিতামাতার প্রস্থে প্রসারিত না করে পারি? আমি যা চেষ্টা করেছি: আমি শিশুটিকে সেট করে দিয়েছি display: inline-flex, তবে এটি …

154 html  css  flexbox 

কোডপেন: http://codepen.io/anon/pen/RPNpaP । আমি চাই যে লাল বাক্সটি কেবল 25 মিমি প্রশস্ত হোক - যখন পাশের পাশাপাশি দেখুন - আমি এই মিডিয়া ক্যোয়ারীর ভিতরে সিএসএস স্থাপন করে এটি অর্জনের চেষ্টা করছি: @media all and (min-width: 811px) {...} প্রতি: .flexbox .red { width: 25em; } তবে আমি যখন এটি করি তখন …

149 html  css  flexbox 

আমি চাই A Bএবং Cমাঝখানে প্রান্তিককরণ চাই আমি কীভাবে Dপুরোপুরি ডানদিকে যেতে পারি ? আগে: পরে: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw …

147 html  css  flexbox 

আমার একটি বাম-ডান ফ্লেক্সবক্স রয়েছে: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> রান কোড স্নিপেটফলাফলগুলি লুকানস্নিপেট প্রসারিত করুন সমস্যাটি হ'ল সঠিক সন্তান প্রতিক্রিয়াশীল আচরণ করছে না। সুনির্দিষ্টভাবে বলতে গেলে, আমি এটিটি মোড়কের উচ্চতা পূরণ …

141 css  flexbox 

আমাকে মোটামুটি রান-অফ-দ্য মিলের রাজমিস্ত্রি লেআউটটি বাস্তবায়ন করতে হবে। তবে, বেশ কয়েকটি কারণে আমি এটি করতে জাভাস্ক্রিপ্ট ব্যবহার করতে চাই না। পরামিতি: সমস্ত উপাদানগুলির একই প্রস্থ রয়েছে উপাদানগুলির একটি উচ্চতা রয়েছে যা সার্ভারের দিকটি গণনা করা যায় না (একটি চিত্রের সাথে বিভিন্ন ধরণের পাঠ্য) আমার যদি প্রয়োজন হয় তবে আমি …

134 html  css  flexbox  css-grid 

আমরা সবাই জানি যে, flexসম্পত্তির জন্য একটি সাঁটে লেখার হয় flex-grow, flex-shrinkএবং flex-basisবৈশিষ্ট্য। এর ডিফল্ট মান 0 1 auto, যার অর্থ flex-grow: 0; flex-shrink: 1; flex-basis: auto; তবে আমি লক্ষ করেছি, অনেক জায়গায় flex: 1ব্যবহার করা হয়। এটা শর্টহ্যান্ডের জন্য 1 1 autoনাকি 1 0 auto? আমি এর অর্থ কী …

128 css  flexbox 

নিম্নলিখিত কোডটি এই লাইভ উদাহরণে পাওয়া যাবে আমি নিম্নলিখিত প্রতিক্রিয়া স্থানীয় উপাদান পেয়েছি: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here is a …

122 css  reactjs  react-native  flexbox 

টিপিক্যাল সিএসএসের সাহায্যে আমি দুটি কলামের একটিতে বামে এবং অন্যদিকে ডানদিকে কিছুটা জলের জায়গা দিয়ে ভাসতে পারি। আমি কীভাবে এটি ফ্লেক্সবক্স দিয়ে করব? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { …

121 html  css  flexbox 

আমি এই থ্রেডটি পেয়েছি - চিত্রের দিকটি-অনুপাত রেখে আপনি <div> ভরাতে কোনও চিত্র কীভাবে প্রসারিত করবেন? - এটি সম্পূর্ণরূপে আমি চাই তা নয়। আমার একটি ডিভ রয়েছে যার একটি নির্দিষ্ট আকার এবং এর ভিতরে একটি চিত্র রয়েছে। আমি চিত্রটি ল্যান্ডস্কেপ বা প্রতিকৃতি হিসাবে বিবেচনা না করেই সবসময় ডিভিটি পূরণ করতে …

120 image  css  positioning  flexbox