مشکل در وسط چین کردن

[soshiant 8]

درود

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

کدهای قالب:

 <div class="box-shop">
	<div class="posts-container">
<?php
$related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'orderby' => 'rand' , 'numberposts' => 3, 'category__not_in' => array(1127) ) );
if( $related ) foreach( $related as $post ) {
setup_postdata($post); ?>
	<div class="col-xs-12 col-lg-4 post  wow fadeInUp" style="width: 248px;">
		<div class="post-title">
			<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>" target="_self"><?php the_title(); ?></a></h2>
		</div>
		<div class="post-line"></div>
		<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_post_thumbnail( 'post-blog' );?></a>
		<div class="post-foot blog-post-foot">
		<p><?php the_content_rss('', TRUE, '', 30); ?></p>
			<div class="post-shop3"><a href="<?php the_permalink() ?>">دانلود کنید</a>
			</div>
		</div>
	</div>
<?php }
wp_reset_postdata(); ?></div>
   </div>

و این هم سی اس اس: 

.post {
	background: #fefcdd;
	width: 260px;
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 1px 0px 20px 5px;
	box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	border-radius: 4px;
	transition: all .5s;
}

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

 

سپاس

[فرشاد گوهری 1681]

در ۱ ساعت قبل، soshiant گفته است :

درود

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

کدهای قالب:

و این هم سی اس اس: 

.post {
	background: #fefcdd;
	width: 260px;
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 1px 0px 20px 5px;
	box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	-o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
	border-radius: 4px;
	transition: all .5s;
}

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

سپاس

سلام، اگر آدرس آنلاینش وجود داشت بهتر بود، ولی در کل برای اینکه یه چیزی رو راستچین کنید در css باید این استایل رو بهش بدید:

.post {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

البته در کد شما، یه float: right هست، قبل اینکه کد بالا رو تست کنید، اون رو تبدیل کنید به float: none شاید درست بشه بدون نیاز به کد بالا، چون float: right که نوشتید میاد اون المان رو شناور میکنه روی سمت راست صفحه.

مورد بعدی هم اینکه شاید کلاس post که شما اینجا دارید به چندتا المان دیگه توی صفحه‌ی شما تخصیص داده شده باشه و وقتی بهش این استایل رو میدید به کل post ها اعمال میشه و در نتیجه سایتتون به هم میریزه، این مورد رو هم چک بکنید.

[soshiant 8]

در 9 ساعت قبل، فرشاد گوهری گفته است :

سلام، اگر آدرس آنلاینش وجود داشت بهتر بود، ولی در کل برای اینکه یه چیزی رو راستچین کنید در css باید این استایل رو بهش بدید:...

سلام

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

ببینید این دموی آنلاین هست: https://kaffeketab.ir/?p=13438

یه اسکرین شات هم فرستادم. 

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

[فرشاد گوهری 1681]

در 1 ساعت قبل، soshiant گفته است :

سلام

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

ببینید این دموی آنلاین هست: https://kaffeketab.ir/?p=13438

یه اسکرین شات هم فرستادم. 

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

برای اینکه بتونید وسط‌چینش کنید باید کلاس والد اون post رو پیدا کنید و اون رو وسط چین کنید، متاسفانه سایتتون برام باز نشد (اینترنتم داخلیه هنوز)

[soshiant 8]

در 6 دقیقه قبل، فرشاد گوهری گفته است :

برای اینکه بتونید وسط‌چینش کنید باید کلاس والد اون post رو پیدا کنید و اون رو وسط چین کنید، متاسفانه سایتتون برام باز نشد (اینترنتم داخلیه هنوز)

این البته یه پست خاص نیست و در تمام پست ها این باز میشه. در واقع داخل single.php نوشتمش. 

امیدوارم زودتر اوضاع اینترنت درست بشه تو این مملکت. منم از امروز صبح نتم وصل شده