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

قرار دادن چند div در کنار هم در طراحی سایت چهارشنبه, 5 اردیبهشت 1397 , 3 نظر

چیدمان چند 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>

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

درآمد مناسب، فرزندان شاد، آرامش خانواده با تکنیک‌های بازاریابی محتوا؟!

این ایده از زمانی به ذهنم رسید که متوجه شدم چقدر برادرزاده ها و خواهرزاده هایم، با من بودن برایشان لذتبخش است و حتی موضوعات خصوصی را که هر کسی در سن نوجوانی فقط با دوستانشان مطرح میکنند قبل از هرکسی، با من درمیان میگذاشتند و یک روز...

مذاکره چیست؟ و اصول مذاکره در کسب و کار کدام است؟

وقتی با دوست‌‌ات در مورد یک گردش یکساعته صحبت می‌کنی یا اینکه با مادرت در مورد نحوه برگزاری میهمانی شب عید و چیدمان سفره هفت سین برنامه ریزی می‌کنی و حتی زمانی که با تعویض کننده روغن ماشین‌ات در مورد زمانبندی نوبت بعدی تعویض می‌پرسی در واقع...