Adam Argyle
این لبه کد شما را آماده می‌کند تا روش مورد علاقه خود را برای مرکز کردن در 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 بخش قبلی ساخته اید، به آن بدهید. - مشکل خود را برای من توییت کنید و من آن را در پست وبلاگ نشان خواهم داد!