35
تشکر

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

CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

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

یکی از خاصیت هایی که در CSS از طرف توسعه دهندگان نادیده گرفته شده است خاصیت text-overflow است. توسط این خاصیت میتوان مشخص کرد که در صورتی متن overflow شود چه کاری باید انجام شود.

این خاصیت یک مقدار به نام ellipsis میگیرد که باعث بوجود آمده سه نقطه در متن های طولانی میشود, که انتهای آنها دیده نمیشود. اما استفاده تنها از این خاصیت کارساز نیست.

در ادامه همراه ما باشید…

علاوه بر خاصیت گفته شده در بالا باید از دو خاصیت دیگر هم استفاده کرد. overflow و white-space

با استفاده از مشخصه white-space مشخص میکنیم که متن نباید به دو خط شکسته شود. و همچنین با استفاده از مشخصه overflow ادامه متن های طولانی که نمایش داده نمیشود را پنهان میکنیم.

در صورتی که برای زبان پارسی میخواهید استفاده کنید باید direction: rlt را هم به مشخصه های بالا اضافه کنید تا سه نقطه در سمت چپ نمایش داده شود. در زیر میتوانید نمونه همراه با کد را ببینید.

  • سید امیرحسین می‌گه:

    با تشکر از مطلب مفیدتان.
    آموزش شما کار می کند اما مشکل من این است که نمیخواهم متن در یک خط باشد و می خواهم شکسته شود. به همین خاطر white-space: nowrap; را برمیدارم. با اینکار سه نقطه نمایش داده نمی شود! انگار که وجود این ویژگی ضروری است.
    ممکن است راهنمایی بفرمایید باید چکار کنم؟

  • ناصر می‌گه:

    ممنون از سایت خیلی خوبتون یه سوال خدمتون داشتم
    چطوری میشه بهش گفت وقتی مثلا به *** رسیدی ادامه مطلب را سه نقطه بزار

  • قریبه می‌گه:

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

    • محسن شفیعی می‌گه:

      باید یک نشانه درست کتید که در زمان نمایش مطلب اگه به اون نشانه رسید دیگه از نمایش ادامه مطلب خودداری کنه(در صفحه اصلی).
      اما در صفحه خود پست باید از اون نشانه بگذرید و کل مطلب رو نمایش بدید.


  • نظرات این مطلب بسته است.