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

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

 تصویر

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


ثبت پرسش جدید
A B A N
تخصص : web designer
@sfanadiyari 10 ماه پیش مطرح شد
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 10 ماه پیش مطرح شد
0

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


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

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


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

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


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

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


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

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


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

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