mstdmstd

1) Это bootstrap-vue приложение и в вернем случае я вывожу текст (в переменной _.model.text)
в компоненте https://github.com/zdy1988/vue-jstree

стараясь расширить каждую ячейку по ширине чтобы взодил весь текст(или часть его со скроллингом)
вроде :

<button @click="loadAdComments()">loadAdComments</button>
        <v-jstree
                :data="adComments"
        >
            <template slot-scope="_">
                <div style="display: inherit; width: 100%; heiRRght: 500px !important; border: 2px dotted red;" @click.ctrl="customItemClickWithCtrl">
                    <i :class="_.vm.themeIconClasses" role="presentation" v-if="!_.model.loading"></i>
                    <div class="pre-formatted" v-html="_.model.text"
                             style="max-height: 200px !important; display: inline;justify-self: fleWWx-start;jusWtify-items: flex-start"></div>
                    <button style="border: 2px; background-color: transparent; cursor: pointer;" @click="customItemClick(_.vm, _.model, $event)"><i
                            class="fa fa-remove"></i></button>
                </div>
            </template>
        </v-jstree>

2) В нижнем случае просто вывод мемо поля :

<b-col md="12 m-2">
                <b-card-body v-if="is_page_loaded">
                    <b-card-text>
                        <div class="text_wrapper" v-html="adRow.description"></div>
                    </b-card-text>
                </b-card-body>
            </b-col>

В обоих случаях текст имеет блоки текста зарернутые в и с ними проблемы