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

134

mfl

17 июля 2008, 11:31

17470

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

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

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

84

kil

17 июля 2008, 12:18

#1

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

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

272

Алексей Барыкин

17 июля 2008, 12:20

#2

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

https://adminbook.ru/

[Удален]

17 июля 2008, 12:20

#3

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

124

viКing

17 июля 2008, 12:24

#4

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

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

69

Kolyaj

17 июля 2008, 12:28

#5

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

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

Яндекс кобласит Fast panel не работают Вопрос о профессии СЕО

134

mfl

17 июля 2008, 12:35

#6

Вот пример.

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

69

Kolyaj

17 июля 2008, 12:38

#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>

134

mfl

17 июля 2008, 12:40

#8

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

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

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

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

272

Алексей Барыкин

17 июля 2008, 13:22

#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>

134

mfl

17 июля 2008, 13:27

#10

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

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

Open AI тестирует память для ChatGPT

Что делать, чтобы попасть в ответы Google Bard

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