صفحه اصلی » آموزش » css3 » آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
برگشت به صفحه اصلی
فروش قالب وردپرس نوین دانلود

قالب حرفه ای دانلود وردپرس

قیمت محصول: 50 هزار تومان

پنل مدیریت ، طراحی واکنش گرا ، سئو شده

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

فروش قالب حرفه ای اسکریپت فریر

قیمت محصول: 60 هزار تومان

گزارش ویژه فروش ، طراحی واکنش گرا ، سئو شده

استخدام نویسنده

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

۲ دیدگاه

منتشر شده توسط امیر محمد دینی در تاریخ ۸ تیر ۱۳۹۶
css3 / آموزش

با درود خدمت کاربران عزیز پروان وب !

شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂

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

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

شما به طور مثال کد زیر رو در نظر بگیرین :

<div class=”parvanweb”>پروان وب</div>

این یک کد html هست که ادامه ادامه با css ترکیبش میکنیم !!

حال css زیر را به کدهای css خود اضافه کنید. :

.parvanweb{

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

به همین راحتی ولی خب چند نکته هست که براتون در پایین ذکر میکنم :

  1. به جای تگ div در html میتونین هر تگ نوشتاری دیگه مثله h1,h2,h3,h4,p,span. و . . . استفاده کنین
  2. تگی که نوشته درون آن قرار می گیرد حتما باید width داشته باشد به طور مثال width:100px این کار برای آن است که اگر نوشته از ۱۰۰px بیشتر شود به سه نقطه  محدود شود.
  3. به تگی که در آن نوشته قرار دارد می توانید برای دیزاین  css های دلخواه خودتان را اضافه نمایید.

خب این آموزش هم خیلی ریز به پایان رسید ، هرگونه سوالی بود بنده در قسمت نظرات در خدمتم

یاعلی


حتما پروان وب را در اینستاگرام فالو کنید
قالب حرفه ای لازم دارید!
هم اکنون از فروشگاه ما دیدن کنید...

مطالب پیشنهادی ما

معرفی ۴ افزونه درجه یک برای ساخت خبرنامه وردپرسی

آموزش / افزونه وردپرس / وردپرس / وردپرس
۲۲ مرداد ۱۳۹۶

نحوه تغییر متن ” عنوان را اینجا وارد کنید ” در بخش نوشته های وردپرس

آموزش / وردپرس
۱۷ مرداد ۱۳۹۶

آموزش تکه کد انتقال کاربر به ادرس مورد نظر پس از بستن صفحه

آموزش / وردپرس
۱۶ تیر ۱۳۹۶

فرق بین wordpress.org با wordpress.com در چیست ؟!

آموزش / وردپرس
۱۵ تیر ۱۳۹۶

بیوگرافی نویسنده

امیر محمد دینی

دیدگـاه ها

در صورتی که به دیدگاه شما پاسخ داده نشد ما در تلگرام نیز می توانیم پاسخگوی شما باشیم
ایدی تلگرام @Salimdabes1

2 پاسخ به “آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت”

  1. دستتون درد نکنه بسیار کاربردی بود

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته بندی و خدمات

جستجو

پکیج های آموزشی

  • پکیج تصویری آموزش فارسی طراحی بنر فلش
    پکیج آموزش طراحی بنر فلش

جدید ترین ها

پست نامه ما

پست نامه پروان وب راه اندازی شد!

با عضویــــت در پسـت نامه ی ما هر روز جدیـدترین پست های سایت را در ایمیل خود داشته باشد و از آنها استفاده کنید عضویت با یه تایپ ساده ایمیلتون انجام میشه !