azami.cu@gmail.com | +98912 373 8239

قرار دادن ... در پایان متن های طولانی

از مجموعه تکنیک های CSS - برای حرفه ای شدن
 text, text overflow, css text overflow, text overflow handling, جانشدن متن, سه نقطه در انتهای متن, سه نقطه در انتهای متن با css, css تکنیک, css آموزش
به همت مهندس اعظمی در 1392/11/03

سلام بر شما دوستان عزیز



حتما برای شما هم اتفاق افتاده که یک متن رو درون یک شی قرار می دید و نمی دونید طولش چقدره و به دردسر می خورید

حالا ما یک روشی رو اینجا به شما یاد میدیم تا در صورت جانشدن متن آخر اون ... قرار بده

کدهای HTML

فقط کافیه یک container بسازیم و یک متن طولانی درونش قرار بدیم


امید وارم که این آموزش بدردتون خورده باشه

و این هم کدهای CSS

فکر نمیکنم نیاز به توضیح خاصی داشته باشه

                                    
.sarat-text {
  overflow: hidden;
  
  \\ایجاد سه نقطه
  text-overflow: ellipsis;
  
  \\یعنی متن شکسته نشده و به خط بعد نرود
  white-space: nowrap;
  width: 100px;
}


                        

اینم پیش نمایش:



امید وارم که این آموزش بدردتون خورده باشه.



امید وارم که این آموزش بدردتون خورده باشه.

با تشکر از توجه شما -با عضویت در sarat.ir از آخرین آموزش ها و مطالب با خبر شوید.



Tags: , , , , , , , ,



Tags:   text, text overflow, css text overflow, text overflow handling, جانشدن متن, سه نقطه در انتهای متن, سه نقطه در انتهای متن با css, css تکنیک, css آموزش