0
تراز بندی Div در ASP.NET
سلام بر دوستان عزیز ، من یک صفحه وب دارم که می خواهم در وسط این صفحه 2 دیو را با پهنای 122 پیکسل را کنار یکدیگر قرار دهم من برای این کار وقتی از float: right ویا float: left استفاده می کنم این Div ها در سمت چپ ویا در سمت راست کنار یکدیگر قرار میگیرند ولی من می خواهم این دیو ها در وسط صفحه وب کنار یکدیگر قرار بگیرند.
لطفا راهنمایی بفرمایید باتشکر
2 پاسخ
4
نمونه کد زیر هم بدون نیاز به فریم وورک این کار را برای شما انجام می دهد:
<!DOCTYPE html> <html> <head> <title>Center Div</title> </head> <body> <div style="text-align: center;"> <div style="display: inline-block; border: 2px solid red; width: 20%; height: 100px; margin: 10px"></div> <div style="display: inline-block; border: 2px solid red; width: 20%; height: 100px; margin: 10px"></div> </div> </body> </html>
2
سلام itpro ای عزیز
شما می تونید برای این کار از فریمورک هایی که گرید در اختیار شما می ذارن است استفاده کنید. برای مثال اگه شما از bootstrap استفاده کنید می تونید علاوه بر ریسپانسیو بودن می تونید این کار رو هم انجام بدید. به این شکل که دو تا div به شکل زیر داشته باشید:
<div class="col-md-4 col-md-offset-2"><div> <div class="col-md-4 col-md-offset-2"><div>