بہت سے سالوں کے لئے، CSS floats ویب سائٹ لے آؤٹ کی تخلیق میں ایک بہت ہی خوبصورت، ابھی تک ضروری ہے. اگر آپ کا ڈیزائن ایک سے زیادہ کالموں کے لئے کہا جاتا ہے تو، آپ کو پھٹ گیا. اس طریقہ کار کے ساتھ مسئلہ یہ ہے کہ، ناقابل اعتماد آسانی کے باوجود ویب ڈویلپرز / ڈویلپرز نے پیچیدہ سائٹ کی ترتیب بنانے میں دکھایا ہے، CSS floats کبھی اس طرح سے استعمال نہیں کیا جا سکتا.
جبکہ فلوٹ اور سی ایس ایس کی پوزیشننگ آنے والے کئی سالوں کے لئے ویب ڈیزائن میں ایک جگہ حاصل کرنے کے لۓ ہیں، سی ایس ایس گرڈ اور Flexbox سمیت جدید ترتیب تکنیک اب ویب ڈیزائنرز اپنی ویب سائٹ کی ترتیب بنانے کے نئے طریقوں کو دے رہے ہیں. ایک اور نئی ترتیب کی تکنیک ہے جو بہت سی صلاحیتوں کو ظاہر کرتا ہے سی ایس ایس ایک سے زیادہ کالم ہے.
سی ایس ایس کالم اب چند برسوں کے قریب ہیں، لیکن پرانے براؤزرز (انٹرنیٹ پر ایکسپلورر کے بنیادی طورپر پرانے ورژن) میں سپورٹ کی کمی نے ان شیلیوں کو ان کی پروڈکشن کے کام میں استعمال کرنے سے بہت سے پیشہ ور افراد کو برقرار رکھا ہے.
IE کے ان پرانے ورژن کے لئے حمایت کے اختتام کے ساتھ، کچھ ویب ڈویلپرز اب نئے سی ایس ایس لے آؤٹ کے اختیارات کے ساتھ استعمال کر رہے ہیں، سی ایس ایس کالم شامل ہیں، اور تلاش کرنے کے لۓ ان کے نئے نقطۂ نظروں کے مقابلے میں ان کے مقابلے میں زیادہ کنٹرول ہے.
سی ایس ایس کالم کی بنیادیات
جیسا کہ اس کے نام سے پتہ چلتا ہے، سی ایس ایس ایک سے زیادہ کالم (جس میں بھی CSS3 کثیر کالم ترتیب ہے) آپ کو مواد کی تقسیم کے کالموں میں تقسیم کرنے کی اجازت دیتا ہے. سب سے زیادہ بنیادی سی ایس ایس کی خصوصیات جو آپ استعمال کریں گے:
- کالم شمار
- کالم فرق
کالم شمار کے لئے، آپ اپنی مرضی کے مطابق کالمز کی تعداد بتاتے ہیں. کالم خلا ان شاخوں کے درمیان گٹرا یا فاصلے ہو گا. برائوزر ان اقدار کو لے لے اور مواد کو تقسیم کر کے کالموں کی تعداد میں اسی طرح تقسیم کرے گا.
عملی طور پر سی ایس ایس کے ایک سے زیادہ کالمز کا ایک عام مثال یہ ہے کہ آپ ایک اخباری آرٹیکل میں دیکھنا چاہتے ہیں اسی طرح، متعدد کالمز میں متن کے مواد کی ایک بلاک کو تقسیم کرنا ہوگا. اپنے پاس مندرجہ ذیل ایچ ٹی ایم ایل مارک اپ کہو (نوٹ کریں کہ مثال کے مقاصد کے لئے، میں صرف ایک پیراگراف کی شروعات ڈال رہا ہوں، جبکہ عملی طور پر اس مارک اپ میں مواد کا ایک سے زیادہ پیراگراف ہوگا):
اگر آپ نے ان سی ایس ایس شیلیوں کو لکھا تو:
.content {-موز - کالم شمار: 3؛ ویبٹ-کالم شمار: 3؛ کالم شمار: 3؛ -موز-کالم-فرق: 30px؛ ویبٹ-کالم-فرق: 30px؛ کالم-فرق: 30px؛ }
یہ سی ایس ایس کا اصول "مواد" ڈویژن کو 3 برابر کالموں میں تقسیم کرے گا جس کے درمیان 30 پکسلز کے فاصلے کے ساتھ. اگر آپ چاہتے ہیں کہ 3 بجائے دو کالم چاہتے ہیں، تو آپ آسانی سے اس قدر کو بدل لیں گے اور براؤزر ان کالموں کی نئی چوڑائی کا حساب کرے گی تاکہ مواد کو تقسیم کر سکے. نوٹس کریں کہ ہم سب سے پہلے فروغ دینے والے پہلے سے متعلق خصوصیات کا استعمال کرتے ہیں، اس کے بعد غیر منفی بیانات.
اس طرح کے طور پر آسان، اس طرح کے استعمال ویب سائٹ کے استعمال کے لئے قابل اعتراض ہے. جی ہاں، آپ کو ایک سے زیادہ کالمز میں مواد کا ایک گروپ تقسیم کر سکتے ہیں، لیکن یہ ویب کے لئے بہترین پڑھنے کا تجربہ نہیں ہوسکتا ہے، خاص طور پر اگر اس کالم کی اونچائی اسکرین کے "گنا" سے نیچے آتا ہے.
مکمل مواد کو پڑھنے کے لۓ قارئین کو اس کے اوپر اور نیچے سکرال کرنا پڑے گا. پھر بھی، سی ایس ایس کالم کے پرنسپل کے طور پر آپ یہاں دیکھتے ہیں، اور کچھ پیراگراف کے مواد کو تقسیم کرنے سے یہ زیادہ استعمال کرنے کے لئے استعمال کیا جا سکتا ہے - یہ واقعی، ترتیب کے لۓ استعمال کیا جا سکتا ہے.
لے آؤٹ سی ایس ایس کالم کے ساتھ
کہہ دو کہ آپ کے پاس ایک ایسے مواد کے ساتھ ایک ویب پیج ہے جس میں مواد کے 3 کالم ہیں. یہ ایک بہت عام ویب سائٹ کی ترتیب ہے، اور ان 3 کالموں کو حاصل کرنے کے لئے، آپ عام طور پر ان ڈویژنوں کو فلوٹ کریں گے جو سی ایس ایس ایک سے زیادہ کالمز کے ساتھ ہے، یہ بہت آسان ہے.
یہاں کچھ نمونہ ایچ ٹی ایم ایل ہے: