امیر محمد دینی 
با درود خدمت کاربران عزیز پروان وب !
شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂
مام امروز قصد داریم تا این کد رو برای شما با استفاده از CSS3 بذاریم که براحتی بتونین با اون تعریف کنین که اگر متن ما از فلان قدر بیشتر شد بقیه اش رو سه تا نقطه ( . . . ) بزن ! پس با آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت از وب سایت پروان وب همراه ما باشید !!
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
شما به طور مثال کد زیر رو در نظر بگیرین :
<div class=”parvanweb”>پروان وب</div>
این یک کد html هست که ادامه ادامه با css ترکیبش میکنیم !!
حال css زیر را به کدهای css خود اضافه کنید. :
.parvanweb{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
به همین راحتی ولی خب چند نکته هست که براتون در پایین ذکر میکنم :
- به جای تگ div در html میتونین هر تگ نوشتاری دیگه مثله h1,h2,h3,h4,p,span. و . . . استفاده کنین
- تگی که نوشته درون آن قرار می گیرد حتما باید width داشته باشد به طور مثال width:100px این کار برای آن است که اگر نوشته از 100px بیشتر شود به سه نقطه محدود شود.
- به تگی که در آن نوشته قرار دارد می توانید برای دیزاین css های دلخواه خودتان را اضافه نمایید.
خب این آموزش هم خیلی ریز به پایان رسید ، هرگونه سوالی بود بنده در قسمت نظرات در خدمتم
یاعلی
نویسنده وبسایت پروان وب
ثبت نظر جدید
لیست نظرات
-
فروش قالب وردپرس نوین دانلود – آپدیت جدید
10 آذر 1397213 4,977 5 -
فروش قالب موزیک و سریال وردپرس پارسبان
14 بهمن 1393122 2,007 0 -
فروش قالب دانلود وردپرس فعال ترین وب
8 فروردين 139460 1,305 0 -
خرید قالب فروش جم حرفه ای اکانتک فریر
14 تير 139452 1,705 0 -
دانلود اسکریپت چت روم و گفتگوی فارسی Chat-IR
22 دی 139325 1,307 0
-
آموزش کامل گوگل سرچ کنسول (Google Search Console) + راهنمای جامع ثبت سایت و افزایش بازدید
3 فروردين 14042 861 5 -
چگونه از حمل‌ونقل عمومی در کشورهای خارجی استفاده کنیم؟
5 اسفند 14030 36 0 -
راه اندازی شغل انلاین پردرآمد
5 اسفند 14030 27 0 -
چگونه برای سفرهای خارجی مدارک خود را به‌درستی آماده کنیم؟
30 بهمن 14030 30 5 -
بهترین نوع بخاری برای گلخانه گیاهان زینتی | راهنمای مقایسه و انتخاب
17 بهمن 14030 31 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
آموزش کامل گوگل سرچ کنسول (Google Search Console) + راهنمای جامع ثبت سایت و افزایش بازدید
1. مقدمه: گوگل سرچ کنسول چیست؟ گوگل سرچ کنسول (Google Search Console) که قبلاً با نام گوگل وبمستر تولز (Google Webmaster Tools) شناخته می‌شد، ابزاری رایگان از گوگل است که برای کمک به صاحبان سایت‌ها و وبمسترها در جهت نظارت، نگهداری و بهبود وب‌سایتشان در نتایج جستجوی گوگل به کار می‌رود. اگر بخواهیم به زبان […]
وحید رنجبر
چگونه هزینه تبلیغات در گوگل را محاسبه کنیم؟
هزینه تبلیغات در گوگل موضوع مهمی است که شما هنگام استفاده از این پلتفرم تبلیغاتی برای کسب‌وکار خود باید به آن توجه کنید. گوگل ادز به کسب و کار شما کمک می‌کند که با تبلیغات هدفمند، در نتایج جستجو و سایت‌های مختلف دیده شوید. اما یکی از چالش‌های اصلی در این مسیر، مدیریت بهینه هزینه‌ها […]
ادمین
تبلیغاتی که هیچ‌کس نمی‌تواند آن‌ها را نادیده بگیرد! (فرمول موفقیت)
در گذشتۀ نه‌چندان دور، تمام کسب‌وکارها برای تبلیغات به روش‌های سنتی مانند تبلیغات در رادیو، تلویزیون، روزنامه و تراکت متکی بودند. اما امروزه، تبلیغات اینترنتی جایگزین روش‌های سنتی گذشته شده است و به‌عنوان روشی قدرتمند و مؤثر در تمام کشورهای دنیا به کار برده می‌شود. اگر شما هم دوست دارید برای کسب‌وکارتان بهترین تبلیغات را […]
ادمین
بهترین راه‌حل برای مدیریت و جمع‌آوری اطلاعات با فرم ساز وردپرس
امروزه مدیریت و جمع‌آوری اطلاعات از کاربران به‌ویژه برای وب‌سایت‌های کسب‌وکارهای آنلاین اهمیت ویژه‌ای پیدا کرده است. از دریافت اطلاعات تماس تا ثبت‌نام کاربران و حتی نظرسنجی‌ها، همه به فرم‌هایی نیاز دارند که به شکلی کاربر پسند و ساده در اختیار مخاطبان قرار بگیرد. افزونه‌های فرم‌ساز وردپرس یکی از ابزارهای قدرتمند برای این کار هستند […]
ادمین
دستتون درد نکنه بسیار کاربردی بود
خواهش میکنم
وظیفه اس …
سلام ممنونم واقعا عالی بود
من در کسب و کارم کوتاه کننده لینک استفاده نمودم با تشکر
مطلبتون عالی بود خیلی ممنون
خواهش میکنم ، موفق باشید
سلام
مطالب خوبی به اشتراک گذاشتید
موفق باشید
کپی و بدرد نخور
درود بر شما چطوری میشه وقتی کاربر روی 3 نقطه کلیک کرد بقیه متن بیاد؟
باسلام
با جاوااسکریپت باید اینکار انجام بشه