Текст, выходящий из div column foundation zurb

Просто пытаюсь создать простой шаблон, но не знаю, почему текст выходит из div. вот код.Текст, выходящий из div column foundation zurb

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    @include('qhymchildz.includes.head') 

</head> 
<body> 
    <div id="container"> 
     <div id="header" class="panel"> 
     ini headersssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 
     </div> 
     <div id="main" class="row"> 
      <div id="content" class="medium-10 columns panel"> 
       <p>contentssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p> 
      </div> 
      <div id="sidebar" align="left" class="medium-2 columns panel"> 
       <p>salfjasjf;lajfja;jsfl;;asjf;lawoierwruowirowuriowrowrowurioweruiowrowerowurowuriowrowrowuroirour</p> 
      </div> 
     </div> 
     <div id="footer" class="panel"> 
      ini footer 
     </div> 
    </div> 
</body> 
</html>

и вот результат http://prntscr.com/5nwn5l

Как это исправить?

Заранее спасибо.

источник

2015-01-03 Dark Cyber

Извините, поскольку я не могу комментировать из-за низкой репутации, но возможно ли увидеть ваш код CSS, который использовался бы так, чтобы это помогло.

На первый взгляд это можно исправить, используя word-wrap: break-word, поскольку вы используете сплошную строку текста, а не одну из них с пробелами. если нет, то это может быть вопрос overflow-x. также может случиться так, что если вы используете шаблон сетки, который будет предлагаться столбцами и строками, это может быть проблемой с этим кодом, который влияет на то, как длинная строка текста реагирует на нехватку места.

Попробуйте разбить этот текст в реальные слова или некоторые Lorem Ipsum

Действительно я должен был бы увидеть вашу CSS, спасибо.

источник

2015-01-03 08:56:01

yes bro, css определить мое длинное слово как одно слово, так что он сломается, когда я использую слово-wrap: break-word, но если использовать настоящее слово, например lorem ipsum, мне не нужно использовать слово break , заранее спасибо. –

Текст, выходящий из div column foundation zurb

ответ

Смежные вопросы