A B A N
9 ماه پیش توسط A B A N مطرح شد
6 پاسخ

جا به جا شدن المنت هنگام تغییر سایز صفحه

 تصویر

سلام. من چطور باید دوتا المنت رو داخل یک باکس قرار بدم طوری که جای المنت ها ثابت بمونه؟
تو تصویر اول بخش review نوشته ها داخل یک div هستن و قیمت داخل یک div دیگه. کد های css هم برای نوشته ها تگ price و برای قیمت ها تگ payy هست.
صفحه وقتی ثابته مشکلی نیست ولی وقتی ریسپانسیو میشه و اندازه صفحه تغییر میکنه بخش قیمت جا به جا میشه مثل تصویر دوم
 تصویر


ثبت پرسش جدید
A B A N
تخصص : web designer
@sfanadiyari 9 ماه پیش مطرح شد
0

کد های html

<div class="price">
              <div>Amount</div>
              <div>VAt</div>
              <div>Total</div>
              <div class="payy">
                <div>$30.00</div>
                <div>$0.00</div>
                <div>$30.00</div>
              </div>
            </div>

رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 9 ماه پیش مطرح شد
0

درود خوبی...
از فلکس باس استفاده کنید:
https://www.w3schools.com/css/css3_flexbox.asp


A B A N
تخصص : web designer
@sfanadiyari 9 ماه پیش مطرح شد
0

میخوام که ثابت بمونه.
با فلکس باکس هم باز با بزرگ کوچیک شدن صفحه المنت جا به جا میشه.


parisa
@parisa.kiani 9 ماه پیش مطرح شد
1

بهتره هم price وهمpayy رو داخل یک divدیگه قرار بدهید و اون رو بهش border بدهید
و topها وmarginها و positionرو هم بردارید و displayرو هم flex کنید درست میشه


A B A N
تخصص : web designer
@sfanadiyari 9 ماه پیش آپدیت شد
0

اگه position margin و اینارو بردارم پس چطور نوشته و قیمت رو رو به روی هم قرار بدم؟


محمد حسین
تخصص : mevn stack
@saghari 9 ماه پیش مطرح شد
0

@sfanadiyari
با flex خیلی راحته اینکارا حتما تستش کن


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام