: وسط چین کردن عکس ها توسط css

[qq8030]

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

کد:​

display:block; margin:0px auto 0px auto;

که به خاطر دستور display هستش که بلوک شده و اگر بلوکم نشه جواب نمیده
از دستور clear هم استفاده کردم جواب نداد
حالا شما راهنمایی کنید که چه جوری عکس ها وسط چین بشه و به صورت لیست هم نشه!!!

 

[digitak]

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

<div style="text-align:center">
<img .... >
</div>

 

[qq8030]

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

<div style="text-align:center">
<img .... >
</div>

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

 

[k-boy]

بجای " block " از " inline-block " استفاده کن.شاید error بده , ولی اجرا میشه!

 

[qq8030]

جواب نداد

 

[achil]

<"div class="img">
تگ img
<div/>

فایل css

.img
}
text-align:center;

{

 

[qq8030]

اخه دوست عزیز تگ ایمیج که نیست
اگه یه کد باشه که این دستور disply رو درست کنه حله

 

[achil]

خب دستور display رو زیر text-align که نوشتم بنویس

 

[coder.developer]

به جای دستور display از دستور float استفاده کن.float رو برابر left قرار بده و برای فاصله عکسهات از padding و margin استفاده کن.
اینم به خاطر داشته باشه کلا برای چیدن عکس یا پستی کنار هم از دستور display استفاده نکن و به جای اون از float استفاده کن

 

[webbarg]

بهشت جهت بده :
float : left;

 

[DANG3R]

سلام دوست عزیز

شما برای کدنویسی تم وردپرسی به این قابلیت نیاز داری؟
اگر اینطوره برای شروع باید شما چند تا کلاس تعریف کنید و با float عکس چپ‌چین و راست‌چین بدون caption و با caption توی اونا قرار بدید.
مثلا :‌

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.alignright { 
	float: right;
}


.alignleft {
	float: left;
}


.wp-caption {
	border: 1px silver #ddd;
	text-align: center;
	background-color: #d4d4d4;
	padding-top: 4px;
	margin: 10px;
}


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}


.wp-caption p.wp-caption-text { 
	font-size: 0.85em;
	line-height: 1.214em;
	padding: 0 4px 5px;
	margin: 0;
}

البته اون قسمت caption رو استایلشو همونطور که دوست دارید می‌تونید بهش کپشن بدید.

 

[omnia2]

من اینطوری کار میکم..

<div>
<center><img src=""... /></center>
</div>

 

[alalalk71]

margin-left: auto;

 

[majidmej]

سلام
من با کدی که براتون قرار میدم تعریف کردم که هرچی عکس توی پست هام قرار میگیره وسط قرار بگیره:

.post-content img {
clear: both;
display: block;
margin: 10px auto;
}

در واقع post-content کلاس div ای هست که پست من در اون قرار میگیره
امیدوارم تونسته باشم کمکتون کنم