css برای هرسطر وستون گرید

[asiehmohammadian]

سلام به همه
من یک گرید دارم اگر بخوام به هرسطر وستون گریدم یک cssجدابدم باید چکارکنم
مثلا یک ستونم وسط چین باشه یک ستونم راست چین
ممنون میشم کمکم کنید

[malloc]

سلام دوست عزیز ... فکر کنم توی خود خاصیت های کرید بتونی همچین چیزی رو تعریف کنی ... اما اگه نشد میتونی با سناریو زیر کار کنی .... اونم اینه که گرید ویو وقتی کامپایل میشه و میره بالا تبدیل مبشه به تگ table پس شما میتونی خیلی راحت یه css تعریف کنی و به table استایل بدی .... وقتی گرید ویو تبدیل شد به table همه اون خاصیت ها رو میگیره

[asiehmohammadian]

ممنون
من تو خاصیت های خود گرید که چیزی پیدا نکردم
درمورد table هم درسته ولی من میتونم به سطر وستون css بدم که کل سطرها یا کل ستون ها تغییر میکنه !
من میخوام یک ستونم راست چین باشه ویک ستون دیگه ام وسط چین باشه

[malloc]

خوب شما یه سری رو دنبال میکنید دیگه ؟؟؟ مثلا میخوایید ستون فرد یجور باشن و ستون های ذوج یجوری ؟

این واسه یکی درمیان شدن رنگ ستون ها :

<style type="text/css">
table tr td:nth-child(odd) {
background-color: red;
}
table tr td:nth-child(even) {
background-color: blue;
}
</style>


اینم واسه یکی درمیان شدن رنگ سطرها :

<style type="text/css">
table tr:nth-child(odd) {
background-color: red;
}
table tr:nth-child(even) {
background-color: blue;
}
</style>


امیدوارم به کارتون بیاد

[asiehmohammadian]

ممنون از لطفتون ولی نه منظورم این نیست
عکس وضمیمه کردم
من میخوام دوستون اولم که نوشته است راست چین باشه ودوستون بعدی که عکس داره وسط چین باشه
این کاروباید چطوری انجام بدم ؟؟؟
ممنون

[malloc]

همیشه چهارتا ستون دارید ؟

[asiehmohammadian]

بله همین 4 ستون ودارم

[malloc]

کد زیر جوابتونو میده

<style type="text/css">
table tr td:nth-child(3),table tr td:nth-child(4) {
text-align: right;
background-color: red;
}
table tr td:nth-child(1),table tr td:nth-child(2) {
text-align: center;
background-color: blue
}
</style>

[asiehmohammadian]

درست شد
ممنونم از لطفتون:لبخندساده: