Angularjs/Bootstrap 3 CSS文字超越背景圖像

這是由角度驅動的ng視圖區域。您可以看到文字超出背景圖像。如何調整背景圖像大小pls？ Angularjs/Bootstrap 3 CSS文字超越背景圖像

 <div class="col-xs-12 col-sm-9 col-lg-9" ng-style="{'background-image':'url(images/blue3.jpg)', 'background-repeat': 'no-repeat', 'height':'800px', 'background-size':'contain' }"> 
     <h1> {{message}} </h1> 
      <div ng-view></div> 
     </div>

來源

2015-11-02 user3552178

你有該元素的一個固定的高度？或者使用'height：auto;'來增長它的內容或者使用overflow-y：scroll來使溢出滾動;' – arjabbar

arjabbar，我將背景設置爲「重複」，然後使用「auto」代替固定高度，這不是完美的，但工程，:)請「回答你的問題」，所以我可以接受答案。非常感謝！ – user3552178

另外，如果內容只有2行，背景也非常窄，因爲它現在是「自動」高度，任何方式使它成爲800像素或自動（如果內容有更多的線）？只是好奇 – user3552178

要麼讓它成長到它的內容與height: auto;或使溢出滾動與overflow-y: scroll;

來源

2015-11-06 23:39:03 arjabbar

Angularjs/Bootstrap 3 CSS文字超越背景圖像

回答

相關問題