over flow و text overflow

[siros1983]

خیلی ساده میخوام بدونم برای استفاده از text-overflow حتما باید از overflow هم استفاده بشه؟


میخوام وقتی متنم از عرض مورد نظر بیشتر شد ... نقطه بیفته و کدشم فهمیدم باید اینطور بشه
overflow:hidden;
text-overflow:clip;

حالا سوالتم اینه

1- overflow با چه value باید قرار بگیره؟ و اصلا بدون استفاده از این نمیشه از text-overflow استفاده کرد؟
2 - overflow باید در خود فرزند نوشته بشه یا والد یا هیچ فرقی نمیکنه؟
3- overflow حتما باید hidden باشه؟

اصلا یکی میتونه فقط خود overflow یه توضیح ساده بده همراه با مثال کوچولو:لبخند:

[mmdsharifi]

ببینید overflow ینی سر ریزی و خب وقتی متن سریزی کنه حتما سریزی اتفاق افتاده پس جواب سوال اول بله.

---
در ضمن کدش اون جوری نیس!
https://css-tricks.com/almanac/properties/t/text-overflow/

۱و۳− باید مقدارش hidden باشه. و ضمنا عنصری میتونه براش تکست اورفلو تعریف بشه کهblock یا inline-blockباشه.
به همون عنصر بدید اعمال میشه. http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

و در نهایت این هم مثالی زیبا برای اور فلو :)
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

[Mr.Robot666]

و ضمنا عنصری میتونه براش تکست اورفلو تعریف بشه که inline , inline-block باشه.

باید block یا inline-block باشه
ممنون یادگرفتیم

[siros1983]

باید block یا inline-block باشه
ممنون یادگرفتیم


بله فکر کنم ایشون inline اشتباه تایپی زدن وگرنه برای عناصر بلاک و این لاین بلاک هستش



ببینید overflow ینی سر ریزی و خب وقتی متن سریزی کنه حتما سریزی اتفاق افتاده پس جواب سوال اول بله.

---
در ضمن کدش اون جوری نیس!
https://css-tricks.com/almanac/properties/t/text-overflow/

۱و۳− باید مقدارش hidden باشه. و ضمنا عنصری میتونه براش تکست اورفلو تعریف بشه که inline , inline-block باشه.
به همون عنصر بدید اعمال میشه. http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

و در نهایت این هم مثالی زیبا برای اور فلو :)
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

مرسی بابت توضیحات
فقط اینجاشو نفمیدم

در ضمن کدش اون جوری نیس!
https://css-tricks.com/almanac/properties/t/text-overflow/

منم همینطوری نوشتم دیگه فقط این

white-space: nowrap; داره که نمیدونم اصلا چکار میکنه برش میدارم باز اتفاق خاصی نمیفته

[Mr.Robot666]

http://www.w3schools.com/cssref/pr_text_white-space.asp
توی دایو ـش wrap (دربرگرفتن) نمشه
NoWrap

[mmdsharifi]

بله فکر کنم ایشون inline اشتباه تایپی زدن وگرنه برای عناصر بلاک و این لاین بلاک هستش



مرسی بابت توضیحات
فقط اینجاشو نفمیدم

در ضمن کدش اون جوری نیس!
https://css-tricks.com/almanac/properties/t/text-overflow/

منم همینطوری نوشتم دیگه فقط این

white-space: nowrap; داره که نمیدونم اصلا چکار میکنه برش میدارم باز اتفاق خاصی نمیفته

خواهش می کنم.
درسته block یا inline-block هست.

این آخریه که گفتین. باعث میشه نوشته ها در راستای یک خط باشن هر چند طولانی بشه اون متن.
https://css-tricks.com/almanac/properties/w/whitespace/