reazah

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

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

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

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


لینک به پست

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

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


لینک به پست

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

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


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

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

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


لینک به پست

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


http://jsbin.com/obozus/1

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


لینک به پست

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


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

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


لینک به پست

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

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


لینک به پست

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

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

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

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


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

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

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


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