CSS - 在div中的文字換行

我想在div中顯示一些文字來顯示其全部內容。在我看來，這似乎毫不費力，但由於某種原因，我似乎無法得到它的工作。我嘗試過的所有東西仍會在容器邊緣收集文本。CSS - 在div中的文字換行

我認爲word-wrap: break-word;會做的伎倆，但我沒有運氣。我花了很多時間去尋找和嘗試不同的選擇，所有這些都讓我看到這篇文章。

我不知道，如果問題是由由父對象，或者由Squarespace模板設置默認屬性設置附加屬性造成的......

容器div有一個.margin-wrapper類和文本div有一個.image-slide-title類。

這就是我目前正在使用的https://cesare-asaro.squarespace.com/work。

CSS：

#portfolio { 
    background-repeat: repeat; 
    background-color: rgba(239,93,85,1); 
     .margin-wrapper:hover { //for portfolio hovers 
    position: relative; 
     } 
     .margin-wrapper:after{ //for portfolio hovers 
    border-radius: 100%; 
    content: '\A'; 
    position: absolute; 
    width: 100%; height:100%; 
    top:0; left:0; 
    background:rgba(255,255,255,0.5); 
    opacity: 0; 
    transition: all .7s; 
    -webkit-transition: all .7s; 
    transform: scale(0.935); 
     } 
     img { //for portfolio hovers 
    width: 100%; 
    vertical-align: top; 
     } 
     .margin-wrapper:hover:after { //for portfolio hovers 
    opacity: 1; 
     } 
     .margin-wrapper:hover .image-slide-title{ 
    color: green; 
     } 
     .margin-wrapper{ 
    border: 1px solid red;  
     } 
     .image-slide-title{ 
    font-size: 76px; 
    text-transform: uppercase; 
    line-height: 10px; 
     color:yellow; 
     position: absolute; 
     margin: -97% 3.25%; 
     border: 1px solid red; 
    height:93.5%; 
    width: 93.5%; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
     } 
}

來源

2016-11-11 Cesare Asaro

取下.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title的whitespace:no-wrap並設置爲line-height.image-slide-title

來源

2016-11-11 10:54:28 n1kkou

的空白：無包裝是感謝您的幫助問題！ –

CSS - 在div中的文字換行

回答

相關問題