@dmitriyuvin
FullStack developer ( Laravel & Vue )

Как сделать чтобы текст не вылазил за ширину блока?

<VRow>
                        <div class="mx-4">
                            <VIcon>mdi-web</VIcon>
                        </div>
                        <div>
                            <span class="field-text">
                                <a
                                    :href="user.website"
                                    target="_blank"
                                    v-if="user.website"
                                    class="website"
                                >
                                    {{ user.website | formatDomainFilter }}
                                </a>
                                <span v-else>N/A</span>
                            </span>
                            <span class="field-hint">Website</span>
                        </div>
                    </VRow>


.website {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы