عرض و ارتفاع جدول
عرض و ارتفاع یک جدول با استفاده از خاصیتهای width و height تعریف میشوند.
مثال: جدول با عرض ۱۰۰% و ارتفاع سلولهای سرستون ۷۰ پیکسل
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Savings</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
</table>table {
width: 100%;
}
th {
height: 70px;
}جدول با عرض ۵۰%
برای ایجاد جدولی که فقط نیمی از صفحه را اشغال کند، از width: 50% استفاده کنید.
مثال: جدول با عرض ۵۰%
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Savings</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
</table>table {
width: 50%;
}با این تنظیمات، شما میتوانید اندازه جدول را بر اساس نیاز خود تنظیم کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام