PDA

View Full Version : متن از div بیرو میزنه


crafcrab
پنج شنبه 27 مرداد 1390, 21:18 عصر
سلام دوستان این کد منه :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style media="all" type="text/css">

div{
background:#997A8D;
width:175px;
}

</style>
</head>


<body>

<div id="header">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaa
</div>

</body>
</html>


چیکار کنم وقتی متن از عرض div بیشتر شد بره خط بعد و از div بیرون نزنه ؟
amin1softco
پنج شنبه 27 مرداد 1390, 22:47 عصر
overflow: hidden;

اینو اضافه کن تا بیرون نزنه
crafcrab
یک شنبه 30 مرداد 1390, 22:14 عصر
نمیخوام div اندازه متن بشه میخوام متن اندازه div بشه
amin1softco
یک شنبه 30 مرداد 1390, 22:56 عصر
ببنید اگه بین کلمات متن اسپیس باشه به صورت خودکار شکسته می شه اما اگه بدون اسپیس باشه شکسته نمی شه شما این کد رو امتحان کنید:


<body>
<div style="background:#997A8D;padding:15px; width:250px; overflow: hidden;">xvxv sdf dsfsafasf aasd fas as f asd f asd fasd f asd fasd fad fa sf asd fas df asdf asd fasd fasd fasd </div>
</body>
amin1softco
دوشنبه 31 مرداد 1390, 10:37 صبح
آقا این مشکل جهانیه کاری به ایران نداره :لبخند:
این کد رو تست کنید جواب سوال شماست :


<style type="text/css">
.word_wrap
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 199 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+*/
}
}
</style>
<body>
<div class="word_wrap" style="width:300px">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmm</div>
</body>