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

আমি তিনটি কলাম সহ একটি বাম এবং ডান কলামগুলির একটি নির্দিষ্ট প্রস্থ রয়েছে এবং উপলভ্য স্থানটি পূরণ করার জন্য কেন্দ্রের কলামের ফ্লেক্সগুলি সহ একটি ফ্লেক্সবক্স লেআউট সেটআপ করার চেষ্টা করছি। কলামগুলির জন্য মাত্রা নির্ধারণ করা সত্ত্বেও, উইন্ডো সঙ্কুচিত হওয়ার সাথে সাথে এগুলি সঙ্কুচিত বলে মনে হচ্ছে। কেউ কীভাবে এটি সম্পাদন …

315 html  css  flexbox 

আমার কাছে 4 টি ফ্লেক্সবক্স কলাম রয়েছে এবং সমস্ত কিছুই সূক্ষ্মভাবে কাজ করে, তবে যখন আমি কোনও কলামে কিছু পাঠ্য যুক্ত করি এবং এটি একটি বড় ফন্টের আকারে সেট করি তখন এটি কলামটি বৃহত্তর করে তুলছে যা ফ্লেক্সের সম্পত্তি হওয়ার কারণে হওয়া উচিত। আমি ব্যবহার করার চেষ্টা করেছি word-break: break-wordএবং …

312 html  css  flexbox 

আপনি ওভাররাইড করতে পারে align-itemsসঙ্গে align-selfএকটি আনমন আইটেমের জন্য। আমি justify-contentকোনও ফ্লেক্স আইটেমটির জন্য ওভাররাইড করার উপায় খুঁজছি । আপনার যদি একটি ফ্লেক্সবক্স ধারক থাকে justify-content:flex-endতবে আপনি প্রথম আইটেমটি চান তা justify-content: flex-startকীভাবে সম্ভব? এটি পোস্টটির মাধ্যমে এটির সর্বোত্তম জবাব দেওয়া হয়েছিল: https://stackoverflow.com/a/33856609/269396

283 css  flexbox 

আমি 8 টি আইটেম প্রদর্শন করতে একটি ফ্লেক্স বাক্স ব্যবহার করছি যা আমার পৃষ্ঠার সাথে পরিবর্তনশীল আকার পরিবর্তন করবে। আমি কীভাবে এটিকে দুটি সারিতে আইটেমগুলি বিভক্ত করতে বাধ্য করব? (প্রতি সারিতে 4)? এখানে একটি প্রাসঙ্গিক স্নিপ দেওয়া হল: (অথবা আপনি যদি জসফিডেল পছন্দ করেন - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: …

260 html  css  flexbox 

সুতরাং, ফ্লেক্সবক্স ব্যবহার করে একটি দরকারী মডেল তৈরির প্রয়াসে, আমি খুঁজে পেয়েছি যা ব্রাউজারের সমস্যা বলে মনে হচ্ছে এবং এটির কীভাবে সমাধান করবেন সে সম্পর্কে ধারণা বা জ্ঞাত সমাধান আছে কিনা তা নিয়ে আমি ভাবছি। আমি যে বিষয়টি সমাধান করার চেষ্টা করছি তার দুটি দিক রয়েছে। প্রথমে, মোডাল উইন্ডোটি উল্লম্বভাবে …

258 html  css  flexbox  browser-bugs 

Over этот вопрос есть ответы на স্ট্যাক ওভারফ্লো на русском : ফ্লেক্সবক্স আইটেম - перенос на новую строку একাধিক লাইনের ফ্লেক্সবক্সে লাইন ব্রেক করার কোনও উপায় আছে কি? উদাহরণস্বরূপ এই কোডপেনে প্রতিটি তৃতীয় আইটেম পরে বিরতি । .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; …

236 html  css  flexbox 

আমি একটি নির্দিষ্ট উচ্চতা সহ একটি উল্লম্ব মেনু পেতে চাই। প্রতিটি সন্তানের অবশ্যই পিতামাতার উচ্চতা পূরণ করতে হবে এবং মাঝারি প্রান্তিক পাঠ্য থাকতে হবে। বাচ্চাদের সংখ্যা এলোমেলো, তাই আমাকে গতিশীল মানগুলির সাথে কাজ করতে হবে। ডিভিতে .containerএকটি এলোমেলো সংখ্যক বাচ্চা ( .item) থাকে যা সর্বদা পিতামাতার উচ্চতা পূরণ করতে হয়। …

235 css  google-chrome  webkit  flexbox 

এ সম্পর্কে বিভিন্ন প্রশ্ন এবং নিবন্ধ রয়েছে, তবে যতদূর আমি বলতে পারি সিদ্ধান্তগত কিছুই নেই। আমি খুঁজে পেতে পারে সবচেয়ে ভাল সংক্ষিপ্তসার ফ্লেক্স-ভিত্তি আপনাকে অন্য কোনও কিছু গণনা করার আগে উপাদানটির প্রাথমিক / প্রারম্ভিক আকার নির্দিষ্ট করতে দেয়। এটি হয় শতাংশ বা পরম মান হতে পারে। ... যা নিজেই ফ্লেক্স-বেস …

224 css  flexbox  width 

আমি উপরের লেআউটটি অর্জন করতে কোডটি ব্যবহার করছি: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: 1; display: flex; } .column …

214 css  layout  multiple-columns  flexbox 

অনুভূমিক এবং উল্লম্ব উভয় ক্ষেত্রে পাঠ্যকে কীভাবে প্রতিক্রিয়াশীল করবেন? Rnplay.org এ আমার একটি উদাহরণ রয়েছে যেখানে ন্যায্যতা কনটেন্ট = "কেন্দ্র" এবং alignItems = "কেন্দ্র" কাজ করছে না: https://rnplay.org/apps/AoxNKQ পাঠ্যটি কেন্দ্রিক হওয়া উচিত। এবং কেন টেক্সট (হলুদ) এবং পিতামহীন ধারকটির মধ্যে শীর্ষে একটি মার্জিন রয়েছে? কোড: 'use strict'; var React = …

212 reactjs  flexbox  react-native 

https://jsfiddle.net/vhem8scs/ দুটি আইটেমের বামদিকে সারিবদ্ধ করা এবং একটি আইটেমটি ফ্লেক্সবক্সের সাথে ডান সারিবদ্ধ হওয়া সম্ভব? লিঙ্কটি আরও স্পষ্টভাবে দেখায়। শেষ উদাহরণটি আমি অর্জন করতে চাই। ফ্লেক্সবক্সে আমার কাছে কোডের একটি ব্লক রয়েছে। ফ্লোট সহ আমার কাছে চারটি কোডের কোড রয়েছে have আমি ফ্লেক্সবক্সকে কেন পছন্দ করি তার একটি কারণ এটি। …

212 css  alignment  flexbox 

আমি ইতিমধ্যে বেশ কয়েকটি ফ্লেক্সবক্স টিউটোরিয়াল পড়েছি, তবে আমি এখনও এই সাধারণ কাজটি করতে পারি না। আমি কীভাবে লাল বাক্সটিকে 100% প্রস্থে তৈরি করতে পারি? কোড: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev …

203 flexbox  react-native 

আমি একটি ফ্লেক্সবক্সে পাশাপাশি পাশাপাশি 2 টি ডিভস। ডান হাতের একটি সর্বদা একই প্রস্থ হওয়া উচিত এবং আমি চাই বাম হাতের একটিটি কেবল অবশিষ্ট স্থানটি দখল করুক। তবে আমি বিশেষত এর প্রস্থ নির্ধারণ না করা পর্যন্ত তা হবেনা। সুতরাং এই মুহুর্তে, এটি 96% এ সেট করা হয়েছে যা আপনার স্ক্রিনটি …

203 html  css  flexbox 

আমি এবং fieldsetসাথে একটি উপাদান স্টাইল করার চেষ্টা করেছি ।display: flexdisplay: inline-flex যাইহোক, এটি কাজ করে না: flexমত আচরণ blockএবং inline-flexমত আচরণ করে inline-block। এটি ফায়ারফক্স এবং ক্রোম উভয় ক্ষেত্রেই ঘটে তবে আশ্চর্যের বিষয় এটি আইই তে কাজ করে। এটা কি বাগ? এইচটিএমএল 5 বা সিএসএস ফ্লেক্সিবল বক্স লেআউট স্পেকসগুলিতেও …

200 html  css  flexbox 

একটি 3-সারি বিন্যাসে: উপরের সারিটির বিষয়বস্তু অনুসারে আকার করা উচিত নীচের সারিতে পিক্সেলগুলিতে একটি নির্দিষ্ট উচ্চতা থাকা উচিত মাঝারি সারিটি ধারকটি পূরণ করার জন্য প্রসারিত হওয়া উচিত সমস্যাটি হ'ল মূল বিষয়বস্তু প্রসারিত হওয়ার সাথে সাথে এটি শিরোনাম এবং পাদলেখ সারিগুলি স্কুই করে: এইচটিএমএল: <section> <header> header: sized to content <br>(but …

194 css  layout  flexbox