এইচটিএমএল 5 টেবিলগুলিতে সেলপ্যাডিং, সেলস্পেসিং, ভালাইন এবং সারিবদ্ধকরণ কী প্রতিস্থাপন করে?

Question

ইন ভিসুয়াল স্টুডিও , আমি এই সতর্কবার্তা এইজন্য করছি:

• বৈধকরণ (এইচটিএমএল 5): 'সেলপ্যাডিং' বৈশিষ্ট্যটি 'সারণী' উপাদানটির বৈধ বৈশিষ্ট্য নয়।
• বৈধকরণ (এইচটিএমএল 5): বৈশিষ্ট্য 'সেলস্পেসিং' উপাদান 'সারণী' এর বৈধ বৈশিষ্ট্য নয়।
• বৈধকরণ (এইচটিএমএল 5): গুণ 'ভ্যালাইন' 'টিডি' উপাদানটির বৈধ বৈশিষ্ট্য নয়।
• যাচাইকরণ (এইচটিএমএল 5): অ্যাট্রিবিউট 'সারিবদ্ধ' উপাদান 'টিডি' এর বৈধ বৈশিষ্ট্য নয়।

যদি তারা এইচটিএমএল 5 এর বৈধ বৈশিষ্ট্য না হয় তবে তাদের সিএসএসে কী প্রতিস্থাপন করবে?

Comments

আমি দেখতে পেয়েছি যে এইচটিএমএল 5 এর সাথেও সেলপ্যাডিং এবং সেলস্পেসিং বৈশিষ্ট্যগুলি এখনও প্রয়োজনীয়। এর অর্থ, এই বৈশিষ্ট্যগুলি স্পষ্টভাবে না জানিয়ে, ডিফল্ট প্যাডিং এবং স্পেসিং প্রয়োগ করা হয়। অতএব, আমি দেখতে পাচ্ছি যে ডিফল্ট মানগুলি বাতিল করতে আমাকে অবশ্যই সর্বদা "0" এর মান হিসাবে সেট করতে হবে। এটি সম্ভব যে তাদের অবমূল্যায়ন করা হয়েছে তবে ব্রাউজারগুলি এখনও সেগুলি গ্রহণ করে নি। ডিফল্ট মানগুলি ক্রোম সংস্করণ 37

— --একোয়ারেল

Answer 1

/* cellpadding */
th, td { padding: 5px; }

/* cellspacing */
table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
th, td { vertical-align: top; }

/* align (center) */
table { margin: 0 auto; }

Comments

এটি লক্ষণীয় যে, এই সম্পত্তিটি টেবিলে ব্যবহার করার সময় কেবল সীমানা-ব্যবধান কাজ করতে পারে বলে মনে হয় "সীমান্ত-পতন: পৃথক;"

— ব্লজি

@ সমীর - মনে হচ্ছে float:right;এটি কৌশলটি করবে। jsfiddle.net/HGFH7

— উঁচ্ছবৃত্তি করা

Answer 2

এটা আপনার সমস্যা সমাধান করবে:

td {
    /* <http://www.w3.org/wiki/CSS/Properties/text-align>
     * left, right, center, justify, inherit
     */
    text-align: center;
    /* <http://www.w3.org/wiki/CSS/Properties/vertical-align>
     * baseline, sub, super, top, text-top, middle,
     * bottom, text-bottom, length, or a value in percentage
     */
    vertical-align: top;
}

Comments

অবগতির জন্য: থেকে সরানো stackoverflow.com/questions/10367387/...

— Shog9

Answer 3

নির্দিষ্ট টেবিলে

<table style="border-collapse: separate; border-spacing: 10px;" >
    <tr>
      <td>Hi</td>
      <td>Hello</td>
    <tr/>
    <tr>
      <td>Hola</td>
      <td>Oi!</td>
    <tr/>
</table>

Answer 4

বিকল্পভাবে, নির্দিষ্ট টেবিলের জন্য ব্যবহার করতে পারেন

 <table style="width:1000px; height:100px;">
    <tr>
        <td align="center" valign="top">Text</td> //Remove it
        <td class="tableFormatter">Text></td>
    </tr>
</table>

বাহ্যিক ফাইলে এই সিএসএস যুক্ত করুন

.tableFormatter
{
width:100%;
vertical-align:top;
text-align:center;
}

Comments

অবগতির জন্য: থেকে সরানো stackoverflow.com/questions/10367387/...

— Shog9

ইনলাইন সিএসএস বাঞ্ছনীয় নয়।

— স্যামুয়েল রমজান 16

হ্যাঁ তুমিই ঠিক. আমি সুপারিশ করছি না। আমরা বাহ্যিক CSS ফাইলের জন্য যাই। ক্লাসনাম {প্রস্থ: 100%; পাঠ্য-সারিবদ্ধ: কেন্দ্র; উল্লম্ব-সারিবদ্ধ: শীর্ষ;} ধন্যবাদ

— জয়সঙ্করন