Jump to content
  • 0

Как переносить текст?!


milvic
 Share

Question

Требования: должно работать под IE 6.0

Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span>

Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку

		
<table id="tabContent">
<tr>
<td id="td1" style="background-color: red; width: 300px">
12345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890
</td>
</tr>
</table>

Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку.

Может кто подскажет более менее элегантное решение?

Спасибо.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Текст будет переноситься только если в нем есть пробелы, такие длинные слова переноситься не будут, это не ворд все-таки. Если хотите переносить насильно, то вставляйте тэг <br />.

Link to comment
Share on other sites

  • 0

Можете взять блок и воспользоваться свойством overflow, придайте ему значение auto. Таким образом ширина вашего блока не будет меняться, но появится полоса прокрутки, как например на этом форуме, если бы вы написали длинное сообщение без пробелов.

overflow:auto

Link to comment
Share on other sites

  • 0
Подскажите. А как правильно в css файле прописать тег, например <ab>, чтобы при вставлении этого тега перед словом он бы делал новый абзац+отступ.

1) Тега <ab> не существует

2) Например есть строчные элементы, а есть блочные, первые не разрывают строку, а вторые разрывают, вот например элемент <span> </span> строчный, следовательно, если в Css прописать ему : span { display: block;} то он станет блочным, окажется на новой строке, а следующее слово окажется после него, на строчку ниже, как вы хотите..

А вот отступы придётся задавать отдельно))

3) Есть ещё тег <br />, вставив его перед словом, оно окажется на новой строке, вобщем попробуйте, потом расскажите :rolleyes:

Link to comment
Share on other sites

  • 0

такого тега не существует. неободимо использовать только существующие теги.

для того чтобы делался новый абзац и отступ, тебе необходимо вставлять тег <p>, а потом его закрыть в нужном месте </p>(вконце абзаца)

в стилях можешь например прописать

p {

padding: 10px 0;

text-indent: 20px; (если нужна красная строка)

}

будет использоваться для всех тегов <p> на странице

Link to comment
Share on other sites

  • 0

<span> </span> не работает. из за того что я пытаюсь загрузить тег во флеш, может быть поэтому...

придется тогда <br> работать.

А вот отступы придётся задавать отдельно))
пробелом чтоли?

А почему тег <ab> - просто я подумал что если в css прописать такой тег (как и придуманный любой), а потом вставить его в документ, то он все равно будет работать. с css работаю всего пару дней и путем не разобрался.

Link to comment
Share on other sites

  • 0
для того чтобы делался новый абзац и отступ, тебе необходимо вставлять тег <p>, а потом его закрыть в нужном месте </p>(вконце абзаца)

работает, очень хорошо. спасибо.

но теперь проблемка. как убрать этот большой интервал после переноса строки, уж очень он большой...

Link to comment
Share on other sites

  • 0

Выставить абзацам нужные отступы в стилях. Например,

p { margin: 0.5em 0; }

установит отступы между абзацами в половину размера шрифта...

Ну и чисто для коллекции, для насильного переноса длинных слов есть word-wrap: break-word (CSS3) — правда, работает только в IE, Safari и FF 3.5...

Link to comment
Share on other sites

  • 0
Выставить абзацам нужные отступы в стилях. Например,
p { margin: 0.5em 0; }

установит отступы между абзацами в половину размера шрифта...

Не работает. вообще огромный отступ между абзацами получается

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy