id1385
جمعه 22 اسفند 1393, 21:42 عصر
فرقی نمی کنه div یا span در نظر بگیری مهم اینه که شما بتونی css رو درست تنظیم کنی
min width , max width یه راهکاره اولیه است، بهتره با css بیشتر آشنا بشید
این نوع div رو از نوع position: relative در نظر بگیرید و اگر میخواهید کنار هم بچینید display رو برابر inline یا inline-block بگذارید و جهت چینش رو هم میتونید از طریق المنت بالا دستی یا والد بصورت text align و یا از طریق خود این المنت از طریق float از نوع left یا right در نظر بگیرید
یک برنامه نویس باید حتماً در حد نیاز css رو بلد باشه.
تست:
البته من یک div رو کپی کردم خواستی کلاس بنویس
<html> <head></head> <body> <div style=" position: relative; display: inline-block; width: 200px; padding: 4px; direction: rtl; background: #eee; border: 1px solid #ddd; font-family: tahoma; font-size: 11px; line-height: 1.5; "> <span style=" display: block; background: #fff; padding: 5px; ">يک نمونه</span> <div style=" margin: 10px; text-align: justify; ">این نوع div رو از نوع position: relative در نظر بگیرید و اگر میخواهید کنار هم بچینید display رو برابر inline یا inline-block بگذارید و جهت چینش رو هم میتونید از طریق المنت بالا دستی یا والد بصورت text align و یا از طریق خود این المنت از طریق float از نوع left یا right در نظر بگیرید</div> </div> <div style=" position: relative; display: inline-block; width: 200px; padding: 4px; direction: rtl; background: #eee; border: 1px solid #ddd; font-family: tahoma; font-size: 11px; line-height: 1.5; "> <span style=" display: block; background: #fff; padding: 5px; ">يک نمونه</span> <div style=" margin: 10px; text-align: justify; ">این نوع div رو از نوع position: relative در نظر بگیرید و اگر میخواهید کنار هم بچینید display رو برابر inline یا inline-block بگذارید و جهت چینش رو هم میتونید از طریق المنت بالا دستی یا والد بصورت text align و یا از طریق خود این المنت از طریق float از نوع left یا right در نظر بگیرید</div> </div> <div style=" position: relative; display: inline-block; width: 200px; padding: 4px; direction: rtl; background: #eee; border: 1px solid #ddd; font-family: tahoma; font-size: 11px; line-height: 1.5; "> <span style=" display: block; background: #fff; padding: 5px; ">يک نمونه</span> <div style=" margin: 10px; text-align: justify; ">این نوع div رو از نوع position: relative در نظر بگیرید و اگر میخواهید کنار هم بچینید display رو برابر inline یا inline-block بگذارید و جهت چینش رو هم میتونید از طریق المنت بالا دستی یا والد بصورت text align و یا از طریق خود این المنت از طریق float از نوع left یا right در نظر بگیرید</div> </div> </body></html>
موفق باشید