• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
reazah

تعداد كلمه محدود با css

6 پست در این موضوع قرار دارد

اين امكان وجود داره كه تعيين كنيم فقط 10 كلمه از ادامه متن و نشون بده و بقيه به صورت سه نقطه بشه با css?

0

به اشتراک گذاری این پست


لینک به پست

css فقط استایل المانها رو مشخص میکنه و قابلیت محدود کردن کلمات و ... رو نداره شما باید از توابع php مثل substr برای این کار استفاده کنید

6

به اشتراک گذاری این پست


لینک به پست

با css می تونید جلوی نمایش مابقی متن یک جعبه را بگیرید و در محل دلخواه ... را اضافه کنید اما از لحاظ حجمی چیزی از حجم کم نمی شه و در واقع کل مطلب لود می شه ولی به اندازه مجاز دیده می شه

البته اندازه بر حسب px یا هر واحد اندازه گیری مجاز قابل محاسبه است نه کلمه


.txt {
display:inline-block;
position:relative;
overflow:hidden;
max-width:100px;
height:24px;
line-height:24px;
}
.txt:after {
content:"[...]";
}

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

3

به اشتراک گذاری این پست


لینک به پست

فکر کنم منظورت یه همچین چیزیه


http://jsbin.com/obozus/1

3

به اشتراک گذاری این پست


لینک به پست

به اين شكل هم شد


text-overflow: ellipsis ; overflow : hidden ; white-space : nowrap ; width: 95% ;

0

به اشتراک گذاری این پست


لینک به پست

text overflow در بسیاری از مرورگرها هنوز ساپورت نمی شه بهتره کد وبکیتش هم همراهش باشه و کد overflow هم برای ie

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری