مشکل عجیب با text-overflow

[siros1983]

باز من مزاجم :افسرده:

من یه کد نوشتم به این شکل



<div class="poster">
<img src="images/gallery/poster1.jpg" alt="Movie Poster" title="پوستر" class="poster-pic" />
<h3 class="movie-title">Movie Name</h3>
<span>1000</span> <span>2000</span>
</div>



div.poster h3.movie-title{
direction:ltr;
overflow:hidden;
text-overflow:ellipsis;
width:160px;
}



موضوع اینه وقتی توی تگ h3 مثلا متن من چسبیده باشه و بخواد overflow کنه به صورت ... بقیه اش دیده میشه ولی وقتی متن من
بهم چسبیده نباشه مثلا اینطوری باشه " س یش شی یب شسی شسی بس" متن به صورت ... دیده نمیشه و میره خط بعدی:متفکر:

کسی میدونه چکار باید کرد؟

[سعید کشاورز]

توی سی اس اس یه خاصیت داریم به اسم word-wrap: break-word;

این رو باید به اون تگ مورد نظرت بدی تا درست بشه

این لینک رو برای اطلاعات بیشتر بخون
http://www.w3schools.com/cssref/css3_pr_word-wrap.asp