سوال: تفاوت Inline-block با inline و block در چیست ؟! [بایگانی]

PHPOnline

یک شنبه 25 آبان 1393, 12:58 عصر

سلام
تفاوت display : inline-block با inline خالی چی هست ؟

sa0017

پنج شنبه 06 آذر 1393, 01:12 صبح

سلام
تفاوت display : inline-block با inline خالی چی هست ؟
در حالت معمولی دو div نمیتوانند بصورت افقی در کنار هم قرار بگیرند. یعنی در حالتی که display:block است که یاد آوری میکنم که حالت پیشفرض در مرور گر ها این حالت است.
برای اینکه بتوان چند عنصر را بصورت افقی در کنار هم قرار داد میتوان از ویژگی display:inline-block استفاده کرد البته برای cross-platform بودن کدتان توصیه میشود که از قابلیت float:right/left هم استفاده کنید. البته همانطور که میدانید این کارو با همان float هم میتوان انجام داد.
در صورتی که از float استفاده نمی کنید و میخواهید عناصر را به یک سمت شناور کنید میتوانید به عنصر مادر عناصر قابلیت align بدهید.

دانیال دزفولی

پنج شنبه 06 آذر 1393, 10:50 صبح

http://jsfiddle.net/jahnrom4/

Mohsen Neo

پنج شنبه 06 آذر 1393, 12:39 عصر

http://jsfiddle.net/Mta2b/