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

আমি <button>ফ্লেক্সবক্সের সাহায্যে একটি- ট্যাগের অভ্যন্তরীণ উপাদানগুলি কেন্দ্র করার চেষ্টা করছি justify-content: center। তবে সাফারি এগুলিকে কেন্দ্র করে না। আমি অন্য যে কোনও <p>ট্যাগে একই স্টাইলটি প্রয়োগ করতে পারি এবং এটি ইচ্ছাকৃতভাবে কাজ করে ( দস্তাবেজটি দেখুন)। কেবল বোতামটি বাম-সারিবদ্ধ হয়। ফায়ারফক্স বা ক্রোম ব্যবহার করে দেখুন এবং পার্থক্যটি দেখতে …

91 html  css  safari  flexbox  css-grid 

আমি চাই ফ্লেক্স আইটেমগুলি কেন্দ্রিক হোক তবে যখন আমাদের কাছে দ্বিতীয় লাইন থাকে তখন 5 এর নিচে (নীচের চিত্র থেকে) থাকে এবং পিতামাতার কেন্দ্রিক না হয়। আমার যা আছে তার উদাহরণ এখানে: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: …

91 html  css  flexbox 

আপনি দেখতে পাচ্ছেন, list-itemsপ্রথমটির মধ্যে rowএকই রকম রয়েছে height। তবে দ্বিতীয় আইটেমের rowআলাদা আছে heights। আমি চাই সমস্ত আইটেমের ইউনিফর্ম থাকে height। স্থির-উচ্চতা না দিয়ে এবং কেবল ফ্লেক্সবক্স ব্যবহার না করে এটি অর্জনের কোনও উপায় আছে কি ? এখানে আমার code .list { display: flex; flex-wrap: wrap; max-width: 500px; } …

91 html  css  flexbox 

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

23 html  css  flexbox  centering 

আমি উপরের এবং নীচে একটি চিত্র এবং পাঠ্য সহ একটি মেনু সিস্টেম তৈরি করার চেষ্টা করছি। তথ্য গতিশীল। আমি মেনু সিস্টেমটি উপস্থিত হতে চাইছি যাতে প্রতিটি চিত্র একে অপরের চিত্রের সমান দূরত্বে থাকে যাতে তারা উভয় অনুভূমিক এবং উল্লম্বভাবে চিত্রগুলির গ্রিডে রেখায়। সমস্যাটি হচ্ছে পাঠ্য। যদি পাঠ্যটি চিত্রের চেয়ে দীর্ঘ …

17 html  css  flexbox 

নিম্নলিখিত চশমা সহ বিভিন্ন আকারের চিত্র এবং অনুপাতের একটি চিত্র গ্যালারী প্রদর্শন করা হচ্ছে: চিত্রগুলির মধ্যে কোনও ফাঁকা (মার্জিন) নেই। যতটা সম্ভব মূল অনুপাতকে সম্মান করা। একটি লিঙ্ক দ্বারা বেষ্টিত চিত্র। নন-জেএস সমাধান। চিত্রগুলি কিছুটা কাটা যায়। পোর্টেবল সমাধান। প্রদর্শিত চিত্রের সেট এলোমেলো। চিত্রগুলি বাম থেকে ডানে প্রদর্শিত হবে (কলামগুলি …

9 css  flexbox  image-gallery 

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

9 javascript  jquery  css  flexbox  css-transitions