این لبه کد شما را آماده میکند تا روش مورد علاقه خود را برای مرکز کردن در CSS به اشتراک بگذارید و به نمایش بگذارید.
برای آشنایی با 5 روش مورد علاقه من برای ایجاد مرکز در CSS، پست وبلاگ من را بررسی کنید. یا این ویدیو را تماشا کنید!
برپایی
- روی Remix to Edit کلیک کنید تا پروژه قابل ویرایش باشد.
-
app/index.html
را باز کنید - در
line 23
،/* your centering CSS here /*
با CSS خود جایگزین کنید - (اختیاری) نام تکنیک مرکز کردن خود را بگذارید و متن را در
<h1>
جایگزین کنید
سبک ها
- یک فایل جدید در پوشه
app/css/
ایجاد کنید - یک انتخابگر برای نگه داشتن راه حل مرکزی خود ایجاد کنید، مانند
.turbo-center
یا[floaty-mcfloat]
- در آن انتخابگر جدید، تکنیک مرکزی خود را بنویسید (در صورت تمایل به دیگری در
app/css/
به عنوان مثال نگاه کنید) - (اختیاری) برخی از «سبکهای پشتیبانی» را بنویسید تا بتوانیم ببینیم کدام کودکان برای حمایت از مرکز نیاز به سبکهایی دارند
-
app/css/index.css
را باز کنید و فایل جدید خود را در پایین وارد کنید
همه را گره بزن
-
app/index.html
دوباره باز کنید -
<article>
را پیدا کنید و انتخابگر سفارشی خود را که در مرحله شماره 2 بخش قبلی ساخته اید، به آن بدهید. - مشکل خود را برای من توییت کنید و من آن را در پست وبلاگ نشان خواهم داد!