درخواست بهترین کد برای وسط چین

[site 79]

سلام دوستان

من میخواهم مثلا یک شکل ، یک عکس ، فونت آیکونی یا هر چیز دیگه ای رو که در درون یک شی هستند ، وسط چین کنم

من از margin و padding برای اینکار استفاده می کنم اما جواب نمیده !!

مثلا همین فونت آیکون ها . درسته که همشون سایزشون یکی هستند اما باز هم ترازشون بهم میخوره

عکس زیر رو نگاه کنید که وسط چین شده :

اما عکس زیر رو نگاه کنید که همون فونت آیکون هست و با همون سایز :

بهترین کد از نظر شما چیست که با همه مرورگر ها سازگار باشه ؟

نظر شما برای وسط چین کردن چیست ؟

[bestdata 830]

کد مورد نظر رو آنلاین بذارید (بهترین حالت اتوماتیک هست Margin:0 auto; ولی بستگی به کدنویسی داره)

[site 79]

کد مورد نظر رو آنلاین بذارید (بهترین حالت اتوماتیک هست Margin:0 auto; ولی بستگی به کدنویسی داره)

حالت آنلاین گذاشتنش یکم سخته چون از فوت آیکون استفاده کردم

الان فرض کنید که می خواهیم یک شی را هم از بالا پایین و هم از چپ و راست در وسط قرار بگیره

باید چیکار کرد ؟

[SM-Mahdavi 5428]

به تگ آیکن float:right و margin:20px بده. بعدش به اون باکس داخلی (همون که آیکن داخلشه) width:auto و float:right بده حل میشه.

[site 79]

به تگ آیکن float:right و margin:20px بده. بعدش به اون باکس داخلی (همون که آیکن داخلشه) width:auto و float:right بده حل میشه.

نشد !

آقا به جای فونت آیکون یدونه عکس گذاشتم

دمو آنلاین :

http://jsfiddle.net/jc1yr2gp/

[Rohani 389]

line height اون رو برا بر با ارتفاع عنصر والد اون قرار بدین.

[site 79]

line height اون رو برا بر با ارتفاع عنصر والد اون قرار بدین.

سلام

ببخشید متوجه نشدم

کلا دنبال یک روش هستم که یک شی هم از همه طرف وسط بره .

یک کدی هست به صورت زیر :

display: flex;
align-items: center;
justify-content: center;

اما مرورگر های قدیمی این کد بالا رو پشتیبانی نمی کنند !!!

ویرایش شده بهمن 93 توسط site

[site 79]

از دوستان عزیز کسی نظری نداره ؟

[aliali100 57]

از دوستان عزیز کسی نظری نداره ؟

اینکار رو کن

margin-left: auto;
margin-right: auto;
display: block;
text-align: center;