усекать строку на несколько строк

Question

У меня есть таблица в mySQL, которая содержит поле со многими символами (более 100), его текст. Я хочу показать свой текст в <div>.

<div id="moreinformation" style="background-color:#8158BE; width:626px; height:150px; position:absolute; left:2px; top:750px"> 
    <label id="text" style="position:absolute;left:5px;top:2px;color:white;font: 15px Arial, Helvetica, sans-serif;"> 
     Autre informations : 
    </label> 
    <p style="position:absolute; left:5px; top:20px; color:white; font:15px Arial, Helvetica, sans-serif;"> 
     this is an exemple of the text blablabla blablabla 
    </p> 
</div> 

<label> с идентификатором #text, где я хочу, чтобы поместить мой текст. Проблема в том, что я не знаю, как вырезать свой текст, чтобы отобразить его в разных строках и сохранить правильную форму слов. Основная проблема здесь в том, что я получаю переполнение, весь текст написан на одной строке. Мне нужна ваша помощь, с CSS или jQuery, пожалуйста.

Answer 1

Вы можете установить определенную ширину для тега <p>, и ваш текст должен быть перенесен на следующую строку. Тем не менее, вы действительно должны рассмотреть возможность использования CSS для стилизации страницы, например:

CSS

#moreinformation { 
    background-color: #8158BE; 
    width: 626px; 
    height: 150px; 
    position: absolute; 
    left: 2px; 
    top: 750px; 
} 
#text { 
    position: absolute; 
    left: 5px; 
    top: 2px; 
    color: white; 
    font: 15px Arial, Helvetica, sans-serif; 
} 
p { 
    position: absolute; 
    left: 5px; 
    top: 20px; 
    color: white; 
    font: 15px Arial, Helvetica, sans-serif; 
    width: 450px; 
    display: block; 
    word-wrap: normal; 
} 

HTML

<div id="moreinformation"> 
    <label id="text">Autre informations :</label> 
    <p>this is an exemple of the text blablabla blablabla</p> 
</div> 

Answer 2

Я не 100% уверен, что вы просите, но если проблема в том, что текст находится в БД с разрывами строк, и вам нужно отобразить эти разрывы строк, используйте это в CSS

label {white-space:pre-wrap;}