قرار دادن چند div در کنار هم در طراحی سایت | آرادین | داستان برندتان را نمی‌نویسم، اما مسیر آن را روشن می‌کنم

چیدمان چند div در کنار هم از کدهای html پرکاربرد در طراحی سایت است . چیدمان افقی چند div در HTML با روشهای مختلفی صورت میگیرد از جمله استفاده از خاصیت Flex در استایل (style) تگ parent است . البته توجه داشته باشید به جای این روش میتوانید از تگ table در طراحی سایت استفاده کنید . ولی این روش بهتر است .

در روش استفاده از خاصیت Flex کافی است در بخش استایل تگ parent کد display : flex قرارداده شود :

به کد زیر توجه نمایید :

<html>

<head>

<style>

#main {

width: 350px;

height: 100px;

border: 1px solid #c3c3c3;

display: -webkit-flex; /* Safari */

display: flex;

}

</style>

</head>

<body>

</div>

</body>

</html>

نتیجه آن به صورت زیر است

نام

نام خانوادگی

شماره همراه

ایمیل

نظر و دیدگاه شما

بازدیدکننده گرامی، اطلاعات شما در پنل کاربری شما محفوظ است و دیده نمیشود. از اعتماد شما سپاسگزاریم