PDA

View Full Version : حذف فاصله ایجاد شده از زیر عکس ها(بخونید)



malloc
یک شنبه 24 اسفند 1393, 14:44 عصر
سلام دوستان ..... من میخوام یه تعداد عکس رو به صورت سنگ فرش توی وبسایتم نمایش بدم

حالا وقتی از Css ها و کدهای Html و C#‎‎‎‎‎‎‎ زیر استفاده میکنم عکسم بصورت زیر بهم میخوره :

<style type="text/css">
.SpecialImage_Item {
cursor: pointer;
display: inline-block;
word-spacing: 0;
}
</style>



<div style="width: 100%; display: table; word-spacing: -0.26em;">
<asp:Literal ID="LitList" runat="server"></asp:Literal>
</div>



foreach (objSpecialGroup.stcSpecialGroup Item in _List)
{
_Result += @"<div class=""SpecialImage_Item"" title=""" + Item.SpecialGroup_Caption + @""" style=""width:" + Width + @"px;height:" + Height + @"""><img src=" + Item.SpecialGroup_Condidate_Image_UrlThum + @" /></div>";
}


129453

منظور من اینه که چطور فاصله ایجاد شده زیر هر سطر رو حذف کنم و عکس ها از پایین به هم بچسبن

یادم رفت بگم که اون لیترال موجود در کد Html مقدارشو رو از همون _Result موجود در C#‎‎‎‎‎ میگیره

mahsab
یک شنبه 24 اسفند 1393, 15:17 عصر
پس چرا واسه من زیر سطرا فاصله نداره.:متفکر: شاید یه استایل دیگه هم واسه div دارین که داره اینجا اعمال میشه .

kohyar
یک شنبه 24 اسفند 1393, 16:04 عصر
تو استایل Padding و Margin رو برابر صفر قرار بده

malloc
شنبه 01 فروردین 1394, 13:36 عصر
ممنون دوستان بخاطر پاسختون.....

ولی خوب هیچکدوم از راههای گفته شده واسه من جواب نداد....

حالا ابن بار من اینو با یه راه جدید حل کردم که شاید تا الان تو اینترنت مطرح نشده باشه این راحل و اونم اینه که توی استایل SpecialImage_Item خاصیت زیر رو اضافه کنید :
Line-height:0px;