CSS Как сделать так, чтобы атрибут auto width игнорировал определенные поля? - PullRequest
0 голосов
/ 31 мая 2018

Итак, у меня есть приложение, в котором я отображаю пользовательские данные, у div, содержащего эти данные, есть атрибут auto width, поэтому текст не будет разбит на несколько строк.Но теперь у меня есть проблема, потому что этот div также содержит блок текста.который, очевидно, должен быть длиннее одного правила.Это приводит к тому, что div становится действительно широким.который я не хочу.Я ищу решение, чтобы CSS игнорировал этот конкретный блок текста.Кто-нибудь знает решение?

Это div

#GenerateInfo{
    overflow: scroll;

    position: fixed;
    top: 0;
    bottom: 0;
    right: 76%;
    margin: auto;
    width: auto;
    height: 65%;
    padding: 0;
    z-index: 100;

    font-size: 20px;
    text-align: left;

    -webkit-box-shadow: 6px 18px 30px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 6px 18px 30px 0px rgba(0,0,0,0.36);
    box-shadow: 6px 18px 30px 0px rgba(0,0,0,0.36);
}

HTML:

<div id="GenerateInfo" class="card">
    <div class="card-body">
        <h3>Information</h3><strong>name:</strong>
        <br>Name
        <hr> 
        <strong>Email:</strong><br>email@hotmail.nl<hr>
        <strong>message:</strong>
        <br>
        <span class="limit">rem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam u</span>
    </div>
</div>

извините за нидерландский язык в изображениях.вот как это должно выглядеть (даже если у него длинное сообщение): this is what it should look like (even if it has a long message):

Вот как это выглядит: This is what it looks like:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...