Я только начал программировать в HTML и, похоже, не понял этого. Я хочу сосредоточить текст в таблице, и хотя мне удалось сделать это уже с простой HTML-страницей, возникают некоторые проблемы, когда я хочу перенести вещи на следующий уровень (что, учитывая мой небольшой опыт работы с HTML, все еще довольно низкий).
Это моя таблица:
<table id="Passo1" style="border:5px solid rgba(0, 0, 0, 0.7);border-radius: 10px; background-color:rgba(0, 0, 0, 0.5); text-shadow:0.5px black; color: white" width="400px" class="send">
<th colspan="20px" class="centra_crl"><font size="20px"> Enviar relatório </font></th>
</tr>
<tr>
<td class="centra_crl"> A enviar o relatório do carro para a sua oficina... </td>
</tr>
<tr></tr>
</table>
Я хочу, чтобы мой стол начал скрываться. Для этого я использую:
document.getElementById("Passo1").style.display="none";
Класс "centra_crl":
.centra_crl{
text-align: center;
}
Если я не скрываю таблицу при загрузке страницы, все в порядке. Весь текст помещается в центр. Проблема в том, что когда я запускаю его скрытым, а затем показываю его, текст, кажется, теряет свойство "center", отображаемое слева. Кроме того, что странно, что если я позже заменю текст
function sendReport2(){
var el = document.getElementById('Passo1');
el.rows[1].cells[0].innerHTML = "Concluído! Verifique no calendário a data da sua próxima visita.";
}
как th, так и td отображаются в правильном положении. Кажется, что свойство центра ничего не делает для таблицы, когда я показываю ее.
Вы, ребята, знаете, что может быть проблемой? Я подозреваю, что это может быть очень глупо, но я не могу понять это.
Приносим извинения заранее, если я не написал это сообщение правильно. Я здесь не обычный и всегда путаюсь с интервалом.
Благодарю!
Основная проблема состоит в том, что элементы td
занимают столько же ширины, сколько и должны. Другими словами, при отсутствии других табличных или инструкций стиля ваш td
будет только шириной, чем содержание, которое он содержит.
У вас есть правильная идея с использованием CSS в некоторых местах, но у вас есть несколько вещей, которые вы хотите исправить:
font
устарел некоторое время. Используйте CSS для управления всеми аспектами представления ваших документов, включая семейство шрифтов, размер, вес, цвет и т.д.style
в заголовке документа или в отдельной таблице стилей, которую вы ссылаетесь на элемент link
.display: none
CSS display: none
к его ассоциированному классу. После его загрузки и выполнения любой обработки вы можете использовать JavaScript для добавления или изменения класса таблицы на то, что отображается так, как вы хотите.В общем, вам нужно потратить некоторое время на изучение HTML и CSS, прежде чем идти слишком далеко. В этом примере есть много ошибок, которые собираются вернуться, чтобы преследовать вас позже, если вы не потратите время на изучение правильного пути.
Что вы делаете, чтобы показать таблицу? Пользователь нажимает кнопку, чтобы изменить отображение: none property?
CSS отображается при загрузке страницы, так как таблица не отображается при загрузке страницы, возможно, она не использует стиль для центрирования текста.
Возможно, вы захотите добавить класс центра в свою таблицу одним и тем же кликом, который заставит таблицу отображать на странице. Это может быть вашей проблемой, если это не сработает, пожалуйста, укажите пример lave, если это возможно, или jsfiddle.
<font>
устарел, вместо него используйте CSS. Таблицы должны использоваться только для табличных данных, а не для презентационных целей.