vuejs-стиль выбора даты нарушен в таблице

#vue.js

Вопрос:

Индикатор даты работает нормально везде в моем приложении VueJS. Но когда я пытаюсь положить его на стол. Например, приведенный ниже код —

 <tr><td>
    <datepicker></datepicker>
</td></tr>
 

Его выравнивание нарушено вот так —
введите описание изображения здесь

Если я удалю table класс начальной загрузки по умолчанию из <table class="table"> тега. Он отлично работает.

Комментарии:

1. Решается путем добавления кода — td{ пробел: нормальный; }

Ответ №1:

Это происходит потому, что это противоречит чему-то в вашем css. Указатель даты абсолютно расположен так, чтобы таблица не влияла на него.

Просто проверьте, есть ли <td> у white-space: nowrap; вас — это должно зависеть от этого.

Комментарии:

1. Спасибо. Это решается добавлением кода — td{ пробел: нормальный; }

2. добро пожаловать! 🙂