آپ سی ایس ایس کالم کب استعمال کرتے ہیں؟ پلیٹو بلاکچین ڈیٹا انٹیلی جنس۔ عمودی تلاش۔ عی

آپ CSS کالم کب استعمال کرتے ہیں؟

یہ بیان بازی نہیں ہے: میں واقعی CSS ملٹی کالم لے آؤٹس کے لیے استعمال کے زبردست کیسز تلاش کرنے میں دلچسپی رکھتا ہوں۔

جواب سیدھا سا لگتا ہے۔ جب آپ کسی بھی مواد کو کالموں میں تقسیم کرنا چاہتے ہیں تو کالم استعمال کریں، ٹھیک ہے؟ یہاں عام طور پر اس قسم کی مثال ہے جو آپ کو مضامین میں ملے گی جو یہ بتاتے ہیں کہ سی ایس ایس متلی کالم لے آؤٹ کیسے کام کرتے ہیں، بشمول ہمارے اپنے پیسنا:

حق پر. لیکن کیا یہ ایک حقیقی استعمال کا معاملہ ہے؟ مممممم۔ اگر متن نسبتاً مختصر ہے، تو شاید یہ ایک اچھا ٹچ ہے۔ اس طرح میں نے اپنی ویب سائٹ کو دوبارہ ڈیزائن کرتے وقت اسے اپنے آپ کو فروخت کیا a کچھ سال پہلے. آج ایسا نہیں ہے، لیکن اس وقت ایسا لگتا تھا:

آپ CSS کالم کب استعمال کرتے ہیں؟

لیکن ایک پورا طویل مضمون کالموں میں تقسیم ہو گیا؟ میں اسے اخبارات میں پسند کرتا ہوں لیکن ایک کالم پڑھنے کے لیے ویب پیج کو نیچے اسکرول کرنے میں ہچکچاہٹ محسوس کرتا ہوں، صرف اسے دوبارہ کرنے کے لیے بیک اپ سکرول کرنا۔

مجھے لگتا ہے کہ ہم اسے دو عناصر کو ساتھ ساتھ رکھنے کے لیے استعمال کر سکتے ہیں، لیکن فلیکس باکس اس کے لیے زیادہ موزوں ہے۔ اس کے علاوہ، ایک حد ہمیں کالموں کو انفرادی طور پر سائز دینے کے لیے منتخب کرنے سے روکتی ہے۔ کالموں کی چوڑائی ایک جیسی ہونی چاہیے۔

کالموں میں ایک چیز یہ ہے کہ وہ واحد سی ایس ایس لے آؤٹ طریقہ ہیں۔ ٹکڑے ٹکڑے مواد (یعنی، جب تک کہ ہم گنتی نہ کریں۔ سی ایس ایس ریجنز… ان کا کیا ہوا، ویسے بھی؟!) تو، اگر آپ پیراگراف کو کالموں میں تقسیم کرنا چاہتے ہیں، تو یہ اضافی ریپرز کے بغیر پہلے ہی ممکن ہے۔

اور کب آپ کو مواد کے مسلسل بلاک کو کالموں میں تقسیم کرنے کی ضرورت پڑ سکتی ہے؟ مجھے یاد ہے کہ مجھے ایسا کرنے کی ضرورت تھی جب میرے پاس آئٹمز کی ایک بڑی 'غیر ترتیب شدہ فہرست' تھی۔ مجھے پسند ہے کہ جس طرح سے فہرستیں مواد کو اسکین کرنے میں آسانی پیدا کر سکتی ہیں، لیکن لمبی فہرستیں صفحہ کے ایک طرف کو بہت بھاری بنا سکتی ہیں۔ مثال کے طور پر، ہم کہتے ہیں کہ ہم CSS-Tricks کے لیے تمام پوسٹ ٹیگز کو حروف تہجی کے گروپوں میں درج کر رہے تھے۔ ایک کثیر کالم لے آؤٹ اس کے لیے خوبصورتی سے کام کرتا ہے:

آگے بڑھیں اور ویو پورٹ کی چوڑائی کا سائز تبدیل کرنے کی کوشش کریں۔ تین کالموں کی وضاحت کی گئی ہے لیکن دستیاب جگہ کی مقدار کی بنیاد پر نمبر بدل جائے گا۔ میڈیا کے استفسار کے کام کے بغیر اس تمام ذمہ دار نیکی کو پسند کریں!

میں ایک ڈیمو پر کام کر رہا تھا۔ :left pseudo-class اور اس کے لیے پہنچ گئے۔ columns کیونکہ یہ ڈیمو پرنٹ کرنے کے لیے چیزوں کو ٹکڑے ٹکڑے کرنے کا ایک بہترین طریقہ ہے۔ تو، میرا اندازہ ہے کہ استعمال کا ایک اور معاملہ ہے۔ اور ایک ڈیمو بناتے وقت، میں نے محسوس کیا کہ ایک ملٹی کالم لے آؤٹ کو آئٹمز کی معماری گرڈ بنانے کے لیے استعمال کیا جا سکتا ہے، جیسا کہ تصویری گیلری:

لیکن اور کیا؟ کیا ہم مختصر پیراگراف، لمبی فہرستوں، اور فری فلونگ گرڈ تک محدود ہیں؟

ٹائم اسٹیمپ:

سے زیادہ سی ایس ایس ٹیکنیکس