View Full Version : سوال: تغییر سایز متن درون یک div با توجه به تعیین طول و ارتفاع div
lost_z
دوشنبه 12 آبان 1393, 22:03 عصر
سلام دوستان من یه مشکل پیش پا افتاده دارم ولی خیلی اذیتم کرد.اگر ممکنه سریعتر منو به جواب برسونین.
من میخوام باتعریف طول و ارتفاع یک div متنی که فراتر از طول اون div درون اون قرار گرفته بجای این که به سطر بعدی بره سایزش کوچکتر بشه،تا جایی سایزش کوچیک بشه که کل طول div رو بگیره.
ممنون.
lost_z
سه شنبه 13 آبان 1393, 16:15 عصر
آقا کسی نیست جواب ما رو بده. کارم الان یه هفتس لنگه اینه.لطفا یکی از دوستان کمک کنه.سرچم کردم هیچی پیدا نکردم که این کارو باهاش انجام بدم.لطفا.
بهزاد علی محمدزاده
سه شنبه 13 آبان 1393, 16:56 عصر
سلام. برای این کار چند راه وجود داره : استفاده از مدیاکویری ها برای تصمیم گیری در اندازه های مختلف. یا استفاده از کتابخانه های جاوااسکریپتی . یه تکه کد هم من برات نوشتم : با تغییر سایز متن هم تغییر اندازه میده اما از بالاخره متن از یه حدی که بگذره ادامه اش بصورت نقطه چین درمیاد . لینک (http://jsfiddle.net/behzadam/2ndgy53k/) ... نمونه ی دیگه ایی از قابلیت vmin . لینک (http://jsfiddle.net/noahcollins/Sc8gm/) . مقاله ایی (http://css-tricks.com/viewport-sized-typography/) در این زمینه که محدودیت ها رو هم بررسی کرده .
روشی هم که من برات کدش و نوشتم کمک می کنه اگر مرورگر پشیتبانی نکرد به جای شکست متن نقطه چین قرار بگیره.
lost_z
سه شنبه 13 آبان 1393, 17:06 عصر
ممنون از این که جوابمو دادین.
نه منظورم این بود که مثلا طولdiv من 200px هستش و متنی که داخل این div قرار گرفته مثلا تا طول 300px داخل این div قرار گرفته خوب مسلما طول div رو بیشتر میکنه یا به سطر بعدی میره.اما من میخوام سایز متن قرار گرفته در div خودبخود کوچکتر بشه تا طول 200px رو پر کنه وفراتر از اون نره.
بهزاد علی محمدزاده
سه شنبه 13 آبان 1393, 17:28 عصر
اون چیزی که شما می خواید یه پیاده سازی عادی نداره. یا حداقل من نمی دونم. به همین دلیل معمولا از همون تکنیک نقطه چین استفاده میشه. علت اینکه مطلب زیادی هم در موردش پیدا نکردی شاید همینه. به هر حال اون روش ها رو بررسی کن ببین کارت راه میوفته یا نه. اکثرا از جاوااسکریپت استفاده کردن برای این کار.
lost_z
سه شنبه 13 آبان 1393, 18:12 عصر
لطفا یکی کمک کنه بد جوری اسیرم کرده.
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.