Форум Сайтостроение Веб-строительство

Верстка - текст выходит за пределы блока

12 3
mfl
На сайте с 16.10.2006
Offline
134
mfl
17311

Имеется болк {width:auto;}

В блок вставляется текст {white-space:nowrap;}, ширина текста не известна.

Каким образом можно сделать так, что бы текст не выходил за пределы блока при любой ширине окна браузера, т.е. блок растягивался по ширине текста?

kil
На сайте с 03.04.2006
Offline
84
kil
#1

С {white-space:nowrap;} текст заворачиваться не будет, т.е. блок растянется на всю ширину текста.

Или я чего-то не так понял? :)

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#2

Пример бы, не сильно идея понятна.

https://adminbook.ru/
[Удален]
#3

дайте ссылку на страницу которая криво работает.

viКing
На сайте с 20.03.2008
Offline
124
viКing
#4

а зачем вам эти стили???? {width:auto;} {white-space:nowrap;}

пишем просто <div>TEXT</div>

Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#5

В нормальных браузерах никак (ИЕ именно так, как вам надо, себя должен вести). Если только в таблицу оборачивать, она не дает из себя ничему вылезти.

З.Ы. Если, конечно, я все правильно понял.

mfl
На сайте с 16.10.2006
Offline
134
mfl
#6

Вот пример.

http://www.mfl.su/1.html

Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#7

В таблицу заворачивайте

<!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" xml:lang="ru" lang="ru">
<head>
<title>пример</title>
</head>
<body>
<table><tr><td><div style="border: 2px solid red;">wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</div></td></tr></table>
</body>
</html>
mfl
На сайте с 16.10.2006
Offline
134
mfl
#8

да в таблицу то понятно, чисто на дивах этого не сделать?

Мне в таком случае легче всю верстку табличной сделать, без дополнительных вложений <div>

mfl добавил 17.07.2008 в 16:57

Так понимаю, при использовании дивной верстки не получится сделать ширину блока равную ширине содержимого, хоть ширина содержимого будет 10 символов, хоть 1000 символов?

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#9

Попробуйте display:table 

<!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" xml:lang="ru" lang="ru">

<head>

<title>пример</title>

</head>

<body>

<div style="border: 2px solid red; display:table">wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww<br/><br/>тут рисунок<br/><br/>тут тескт</div>



</body>

</html>
mfl
На сайте с 16.10.2006
Offline
134
mfl
#10
Попробуйте display:table

IE не поддерживает :(

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий