0
Style Switcher
  • 1
  • 2
  • 3

قرار دادن چند 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 id="main">
  <div style="background-color:coral;"></div>
  <div style="background-color:lightblue;"></div>
  <div style="background-color:khaki;"></div>
  <div style="background-color:pink;"></div>
  <div style="background-color:lightgrey;"></div>
</div>
</body>
</html>

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

 
 
   
 
   
 
   
 
   
 
   

محتوا پادشاه هـ - نیـ - ست

به تولید محتوا بیشتر توجه کنید چون "محتوا پادشاه است". این جمله ای است که این روزها از تمام متخصصین تجارت الکترونیک میشنویم ولی آیا واقعا میتوانیم با تولید محتوا  به درآمد 10.000.000+ در ماه برسیم؟ 

 



نظرهای شما

01/04/1399

عالی بود، تشکر خیلی بدرد خورد

04/20/1399

آموزش HTML ّهمین کار رو میتونید بذارید؟

04/20/1399

دوست عزيز با تشکر از شما ، متاسفانه فعلا تمرکز مجموعه بر روي تبليغ نويسي صفحات وب و شبکه هاي اجتماعي است. موفق باشيد

دوست من ، نظر خودت را برایمان ارسال کن