ثابت ماندن div یا table با افزایش طول متن

[Ali_Alizadeh]

سلام
من هرچی مثال و نمونه از این سایت و دیگر سایتها پیدا کردم و امتحان کردم با افزایش متن توی div , table عرض اونا تغییر می کنه و ثابت نمی مونه.

لطفا یه کد مطمئن و تست شده برام بزارید.
ممنون

[کامروا]

سلام
میخواهید با زیاد شدن متن اندازه دیو هم زیاد شه؟

[Ali_Alizadeh]

سلام

فرض کن عرض دیو یا جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول یا دیو تغییر نکنه

اندازه از طول زیاد شه نه از عرض

[Ali_Alizadeh]

سلام

فرض کن عرض دیو یا جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول یا دیو تغییر نکنه

اندازه از طول زیاد شه نه از عرض

[کامروا]

سلام

فرض کن عرض دیو یا جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول یا دیو تغییر نکنه

اندازه از طول زیاد شه نه از عرض
بفرمایید :


div {
width: 40px;
overflow: hidden;
word-wrap: break-word;
}

برای اینکه انداز طول یا عرض تغییر کند میتونید از overflow-x یا overflow-y استفاده کنید و overflow هم روی هردو عمل میکند.

[Ali_Alizadeh]

الان اینو اجرا کن جواب نمی ده نمیره خطهای بعدی همه رو روی یه خط چاپ می کنه



<div style="width: 14px overflow: hidden; word-wrap: break-word; ">


فرض کن عرض دیو یا جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام
نمایش روی وب اندازه جدول یا دیو تغییر نکنه اندازه از طول زیاد شه نه از عرض


</div>

[Ali_Alizadeh]

آقای کامروا دستت درد نکنه درست شد.
ممنون از راهنمایی تون.

[کامروا]

سیمی کالن بین width و overflow رو فراموش کردی.

این رو بنویس :


<div style="width: 14px; overflow: hidden; word-wrap: break-word; ">

[Ali_Alizadeh]

آره متوجه شدم.
دستت درد نکنه.

[Ali_Alizadeh]

راستی واسه جدول چی باید نوشت

[Ali_Alizadeh]

آقای کامروا

در مورد جدول هم این مورد رو بهم بگو

[Ali_Alizadeh]

فرض کن عرض جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول تغییر نکنه

اندازه از طول زیاد شه نه از عرض

[کامروا]

فرض کن عرض جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول تغییر نکنه

اندازه از طول زیاد شه نه از عرض

این جمله رو 6591545 بار تکرار کردی برادر من! :لبخند:

بفرمایید :

table { width: 250px;table-layout: fixed;white-space:nowrap;word-wrap: break-word;}
tr {
height: 30px;
overflow: hidden;
}
td {
width: 60px;
overflow: hidden;
}

[Ali_Alizadeh]

شرمنده داداش
امان از جوونی و کم حوصلگی

[Ali_Alizadeh]

الان اینو تست کن سلول اول متن رو توی سطرهای بعدی نمی آره

<table border=1 style="width: 250px; table-layout: fixed;white-space:nowrap; word-wrap: break-word;">
<tr style=" height: 30px; overflow: hidden;">
<td style="width: 103px; overflow: hidden">

فرض کن عرض جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول تغییر نکنه

اندازه از طول زیاد شه نه از عرض

</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>

فرض کن عرض جدول 40 هست ، می خوام با زیاد شدن متن بره خط بعدی و هنگام نمایش روی وب اندازه جدول تغییر نکنه

اندازه از طول زیاد شه نه از عرض

</td>
</tr>
</table>

[Ali_Alizadeh]

جواب بالایی رو نمی دی؟