پیام حیاتی
شنبه 09 اسفند 1393, 14:26 عصر
این چیزی که شما میگی خیلی پیش پا افتاده است!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>عکس</title>
<style type="text/css">
.asli{
width:260px;
border:1px #000000 solid;
text-align:center;
}
</style>
</head>
<body>
<div class="asli">
<img src="aks.png" alt="" title="">
متن
</div>
</body>
</html>
شاید منظور شما چیزی دیگه ای باشه نمی دونم!
این کد برای یک تصویر کار می کنه اگر در این کلاس بخوام 4 تصویر رو کنار هم قرار بدم و بهشون float بدم جواب نمیده :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>عکس</title>
<style type="text/css">
.asli{
width:1000px;
height:250px;
border:1px #000000 solid;
text-align:center;
}
.asli img
{
float:right;
}
</style>
</head>
<body>
<div class="asli">
<img src="m.png" width="250px" height="250px" alt="" title="">
متن
<img src="m.png" width="250px" height="250px" alt="" title="">
متن
<img src="m.png" width="250px" height="250px" alt="" title="">
متن
<img src="m.png" width="250px" height="250px" alt="" title="">
متن
</div>
</body>
</html>
نتیجه :
128954
می تونیم برای هر تصویر یک کلاس به این شکلی که فرمودید ایجاد کنیم اما اگر بخوایم تنها از یک کلاس استفاده کنیم به چه شکل خواهد بود؟
زمانی که تصاویر در کلاس float میشن margin کار رو پیچیده تر میکنه.