Angularjs / Bootstrap 3 CSS текст выходит за рамки фонового изображения

Question

Angularjs / Bootstrap 3 CSS текст выходит за рамки фонового изображения

0

Это область ng-view, работающая на угловом уровне. Вы можете видеть, что текст выходит за фоновое изображение. Как я могу настроить размер фонового изображения?

        <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>

user3552178 02 нояб. 2015, в 20:25

Источник

0

У вас есть фиксированная высота на этом элементе? Либо дайте ему дорасти до его содержания с height: auto; или сделайте прокрутку переполнения с помощью overflow-y: scroll;
arjabbar 02 нояб. 2015, в 19:07
0

arjabbar, я установил фон «повторить», затем использовал «авто» вместо фиксированной высоты, он не идеален, но работает :) Пожалуйста, «ответьте на свой вопрос», чтобы я мог принять ответ. Большое спасибо !
user3552178 02 нояб. 2015, в 21:25
0

Кроме того, если содержимое имеет только 2 строки, фон также очень узок, учитывая его «авто» высоту, есть ли способ сделать его 800px или auto (если в содержимом больше строк)? просто любопытно
user3552178 02 нояб. 2015, в 21:28

Показать ещё 1 комментарий

Теги:

angularjs

twitter-bootstrap-3

1 ответ

Ещё вопросы

У вас есть фиксированная высота на этом элементе? Либо дайте ему дорасти до его содержания с height: auto; или сделайте прокрутку переполнения с помощью overflow-y: scroll;
arjabbar, я установил фон «повторить», затем использовал «авто» вместо фиксированной высоты, он не идеален, но работает :) Пожалуйста, «ответьте на свой вопрос», чтобы я мог принять ответ. Большое спасибо !
Кроме того, если содержимое имеет только 2 строки, фон также очень узок, учитывая его «авто» высоту, есть ли способ сделать его 800px или auto (если в содержимом больше строк)? просто любопытно

arjabbar · Accepted Answer · 2015-11-06T21-16-00.000Z

Либо пусть он вырастет до него с height: auto; или сделать прокрутку переполнения с overflow-y: scroll;