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

আমি "ভাসমান" লেআউটগুলি থেকে সরে যাওয়ার এবং ভবিষ্যতের প্রকল্পগুলির জন্য সিএসএস ফ্লেক্সবক্স ব্যবহার করার পরিকল্পনা করছি। আমি দেখে আনন্দিত হয়েছি যে তাদের বর্তমান সংস্করণগুলিতে সমস্ত বড় ব্রাউজারগুলি (এক উপায়ে বা অন্য কোনওভাবে) ফ্লেক্সবক্সকে সমর্থন করে বলে মনে হচ্ছে। কিছু উদাহরণ দেখার জন্য আমি "সলভড ফ্লেক্সবক্স" এর দিকে এগিয়ে গেলাম । …

117 html  css  flexbox  cross-browser 

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

116 internet-explorer  css  flexbox  internet-explorer-11 

সিএসএস ফ্লেক্স বক্স মডেল ব্যবহার করে, আমি কীভাবে কোনও চিত্রকে তার অনুপাতের অনুপাত বজায় রাখতে বাধ্য করতে পারি? জেএস ফিডল: http://jsfiddle.net/xLc2Le0k/2/ লক্ষ্য করুন যে চিত্রগুলি পাত্রে প্রস্থটি পূরণ করার জন্য প্রসারিত বা সঙ্কুচিত হবে। এটি ঠিক আছে, তবে আমরা কি চিত্রের অনুপাত বজায় রাখতে উচ্চতা প্রসারিত বা সঙ্কুচিত করতে পারি …

114 html  css  flexbox 

আমি কীভাবে বলতে পারি যে একটি ফ্লেক্সবক্স লেআউট সারিটি ব্রাউজার উইন্ডোতে থাকা অবশিষ্ট উল্লম্ব স্থানটি গ্রাস করে? আমার একটি 3-সারির ফ্লেক্সবক্স লেআউট রয়েছে। প্রথম দুটি সারি উচ্চতা স্থির করে তবে তৃতীয়টি গতিশীল এবং আমি এটি ব্রাউজারের পুরো উচ্চতায় বৃদ্ধি পেতে চাই। আমার কাছে সারি -3 এ আরেকটি ফ্লেক্সবক্স রয়েছে যা …

111 html  css  flexbox 

আমি একত্রিত হয়েছি যে ফ্লেক্সবক্স ব্যবহার করে এটি অর্জন করা অসম্ভব, কারণ প্রতিটি সারিটি তার উপাদানগুলির সাথে ফিট করার জন্য কেবল সর্বনিম্ন উচ্চতা হতে পারে, তবে এটি কি নতুন সিএসএস গ্রিড ব্যবহার করে অর্জন করা যেতে পারে? পরিষ্কার হওয়ার জন্য, আমি প্রতিটি সারি প্রতি নয়, সমস্ত সারি জুড়ে গ্রিডে সমস্ত …

110 css  flexbox  grid-layout  css-grid 

আমি এটির জন্য কিছুটা আটকে ছিলাম এবং ভেবেছিলাম আমি এই position: sticky+ ফ্লেক্সবক্স গোছাটি ভাগ করব : আমার স্টিকি ডিভ ঠিকঠাক কাজ করছিল যতক্ষণ না আমি আমার ভিউটিকে একটি ফ্লেক্স বক্স ধারকটিতে স্যুইচ করেছিলাম, এবং হঠাৎ ডিভিটি কোনও ফ্লেক্সবক্স প্যারেন্টে আবৃত হওয়ার পরে আঠালো ছিল না। .flexbox-wrapper { display: flex; …

107 css  flexbox  css-position  sticky 

আমি ফ্লেক্সবক্স ব্যবহার করে একটি পূর্ণ উচ্চতার অ্যাপ্লিকেশন ব্যবহার করতে চাই। আমি display: box;এই লিঙ্কটিতে পুরানো ফ্লেক্সবক্স লেআউট মডিউল ( এবং অন্যান্য জিনিস) ব্যবহার করতে চাই তা পেয়েছি : CSS3 ফ্লেক্সবক্স পূর্ণ-উচ্চতা অ্যাপ্লিকেশন এবং ওভারফ্লো এটি ব্রাউজারগুলির জন্য সঠিক সমাধান যা কেবলমাত্র ফ্লেক্সবক্স সিএসএস বৈশিষ্ট্যের পুরানো সংস্করণকে সমর্থন করে। আমি …

106 html  css  flexbox 

আমার আছে একটি <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> পিতামাতার আছে .parent { display: flex; } আমার প্রথম সন্তানের জন্য, আমি কেবল ডানদিকে আইটেমটি ভাসাতে চাই। এবং আমার অন্যান্য ডিভগুলি পিতামাতার দ্বারা নির্ধারিত ফ্লেক্স নিয়মটি অনুসরণ করতে। এটি কি কিছু সম্ভব? যদি তা …

103 html  css  flexbox 

আমি সিএসএস ফ্লেক্স বক্স লেআউটটি ব্যবহার করেছি যা নীচে প্রদর্শিত হবে: যদি স্ক্রিনটি ছোট হয় তবে এটি এতে পরিণত হয়: সমস্যাটি হ'ল মূল চিত্রটি থেকে দিকটি রেশন রেখে চিত্রগুলি পুনরায় আকার দেওয়া হয় না। পর্দা আরও ছোট হয়ে উঠলে চিত্রগুলি পুনরায় আকার দেওয়ার জন্য খাঁটি সিএসএস এবং ফ্লেক্স বক্স লেআউট …

99 html  css  flexbox 

এই প্রশ্নটি ফ্লেক্সবক্স সহ পুরো সিএস 3 সমর্থন সহ একটি ব্রাউজারকে উদ্বেগ দেয়। আমার এতে কিছু আইটেম সহ একটি ফ্লেক্স ধারক রয়েছে। এগুলি সবই ফ্লেক্স-স্টার্টে ন্যায়সঙ্গত তবে আমি চাই শেষ .end আইটেমটি ফ্লেক্স-এন্ডে ন্যায়সঙ্গত হোক। এইচটিএমএল সংশোধন না করে এবং নিরঙ্কুশ পজিশনিংয়ের অবলম্বন না করে কি এটি করার ভাল উপায় …

97 css  flexbox 

সমস্যাটি সমাধান করতে আমার সহায়তা দরকার, বুটস্ট্র্যাপ ৪-এ কলামের ভিতরে থাকা সামগ্রীটি আমার দরকার, নীচে আমার কোডটি সন্ধান করুন <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

নমুনা: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> রান কোড স্নিপেটফলাফলগুলি লুকানস্নিপেট প্রসারিত করুন আমার দুটি প্রশ্ন আছে, দয়া করে: মূলত এটি কেন ঘটে span? নমনীয় পাত্রে অন্যান্য ফ্লেক্স আইটেমগুলিকে প্রভাবিত না করে এটিকে প্রসারিত করা থেকে …

94 html  css  flexbox 

আমি divঅন্যান্য উপাদানগুলিতে এবং কেন্দ্রের মধ্যে এর শিশু উপাদানগুলির কোনও প্রভাব ছাড়াই পর্দার শীর্ষে একটি কাঠি বানাতে চাই । .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> রান কোড স্নিপেটফলাফলগুলি লুকানস্নিপেট প্রসারিত করুন আমি যখন position: absoluteলাইনটি যুক্ত করব তখন justify-content: centerঅবৈধ হয়ে যায়। …

93 css  react-native  flexbox 

দেখে মনে হচ্ছে position:absoluteব্যবহারের সাথে কোনও উপাদান ব্যবহার করে কেন্দ্রিক করা যায় না justifyContentবা alignItems। ব্যবহারের মতো কার্যকারিতা রয়েছে marginLeftতবে ডিভাইসের উচ্চতা এবং প্রস্থ সনাক্তকরণের জন্য মাত্রা ব্যবহার করে সমস্ত ডিভাইসগুলির জন্য একই প্রদর্শন করে না। bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: …

93 position  react-native  flexbox  absolute 

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

93 css  margin  flexbox