Ширина моего div исправлена, пока содержимое все еще переполняется

Question

Я просто хочу спросить о моем html-коде здесь, у меня есть небольшая проблема, когда дело доходит до калибровки моего div. когда я устанавливаю ширину div до 70px, содержимое все еще перетекает div, что я хочу, высота div автоматически настраивается, когда его содержимое превышает ширину div.

любая помощь? heres мой код. спасибо заранее

<div class = "center"> the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the 
lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps 
over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown 
fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the 
quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy 
dog.the quick brown fox jumps over the lazy dog. </div> 

<style> .center{width:70px;} </style> 

Answer 1

попробовать этот CSS

.center 
{ 
    width:70px; 
    word-wrap: break-word; 
} 

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

Answer 2

Добавьте следующий атрибут в класс CSS

overflow: auto; 

Answer 3

Желаемое поведение, которое вы описали поведение по умолчанию (proof) - если она не работает таким образом, чем есть некоторые стили, которые мешают этой beahviour, попытайтесь их устранить.

Кроме того, обратите внимание, что <style> Тэг должен быть помещен в голову, не допускается в организме (хорошо, чтобы быть точным - это в HTML5 с атрибутом scoped но атм это очень и очень плохо поддерживается браузеры)