no-img
اِمیلا وسط چین کردن جداول در نوشته های وردپرس
0
سلام کاربر مهمان. امروز شنبه ۲۷ مهر ۱۳۹۸ ورود عضویت

اِمیلا

ادامه مطلب

بروزرسانی؛ ۲۰ تیر ۱۳۹۸
وسط چین کردن جداول در نوشته های وردپرس
امتیاز 5.00 ( 7 رای )
حمایت از emila.ir

وسط چین کردن جداول در نوشته های وردپرس

بروزرسانی؛ ۲۰ تیر ۱۳۹۸
بازدید؛ 179
نویسنده؛ milipinkman

برای وسط قرار دادن جداول در نوشته های وردپرس، دو روش در emila.ir معرفی می کنیم:

1- استفاده از کد زیر در خود فایل HTML نوشته ها

align=”center”

– برای جایگذاری آن بر روی اولین نوشته در جدول تک کلیک کنید و بخش متن (جهت نمایش HTML) مراجعه کنید. (تک کلیک برای آن است که به ابتدای جدول در بخش HTML (ویرایشگر متن وردپرس) هدایت شوید، این کار برای پیدا کردن جداول تو در توی HTML کاربردی است.)

– اکنون که به جدول مورد نظر رسیدید در بخش table کد align=”center” را اضافه نمائید. در صورت مشاهده پیشنمایش یا انتشار مطلب خواهید دید که جدول در وسط قرار گرفته است. مانند تصویر زیر:

2- استفاده از کد زیر در CSS قالب وردپرس

در این روش با قرار دادن کد زیر در style.css قالب وردپرستان به صورت اتوماتیک تمامی جداول در نوشته های شما به صورت وسط چین نمایش داده خواهند شد.

table {
width:auto;margin-left:auto;margin-right:auto;
}

با افزودت قطعه کدهای زیر به کد بالا ظاهری زیباتر به استایل جداول خود دهید.

table {
width:auto;
margin-left:auto;
margin-right:auto;
display:table;
float:none !important;
}
th, td {
padding: 10px; border: 1px solid #ddd;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}

در مثال بالا جداول به صورت یکی در میان هایلایت شده خاکستری نمایش داده می شوند. مانند جداول مطلب: لیست دامنه های بین الملل + لیست دامنه های کشور ها


موضوع : وب/ برچسب : , , , , / لینک کوتاه : https://emila.ir/?p=16871
designer