روش قرار دادن تگ a در وسط صفحه

سوال شده توسط:

تاریخ ثبت: ۱۴۰۱/۰۳/۱۲

بازدید: 229

پاسخ: 0

تگ: طراحی سایت


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

1:تگ a رو میریزم تو div  و میگم به div تو باش text-align:center;

2:تگ a رو میریزم تو div و میگم به div تو باش margin-left:50%;/*به نظرم جالب نیست اینکار رو انجام بدیم ولی خب اینها روش هایی هستن که امروز خودم تست کردم*/

3:تگ a رو میریزم تو div و میگم به div تو باش position:relative;left:50%;

4:تگ a رو میریزم تو div و میگم ای div اگر parent تو عرضش باشه تمام صفحه (مثلا 1600 پیکسل) حالا تو width:50%; و حالا به تگ a میگم تو باش float:right;

5:تگ a رو میریزم تو div و میگم ای div تو باش display:grid; grid-template-columns:12*auto;display:grid;حالا به تگ a میگم تو باشgrid-column:6;

روش های انجام اینکار با خود تگ:

1:margin-left:50%;این ها در صورتی هستش که تگ بادی عرضی برابر با تمام صفحه داشته باشه

2:position:relative;left:50%;با خود تگ هم میشه از پوزیشن استفاده کرد.

3:این روش احمقانس ولی کار میکنه.میشه گفت که اگر عرض صفحه مثلا 1500 پیکسل هستش تگ a تو باشpadding:700px;

4:بدون دست زدن به تگ a  میشه 2 تا div ساخت و عرضشون رو برابر با 25%; قرار داد(نسبت به والد خودشون مثلا اگر body  باشه)(میشه یدومه ساخت و گفتdiv تو باش 50%)

5:میشه گفت تگ a  تو باش display:inline-block;width:50%;float:right; 

البته قطعا راه های خلاقانه ی دیگه ای هم هست که باید تست بشن.

برای ثبت پاسخ باید خود شوید

محبوب ترین مقالات