HTML предотвращает разрыв строки (между двумя тегами таблицы)
У меня есть следующий код:
<table>
<tr>
<td>Table 1</td>
</tr>
</table>
<table>
<tr>
<td>Table 2</td>
</tr>
</table>
Очень, к сожалению, разрыв строки вставляется между этими двумя таблицами. Я попытался поместить их обоих в единственный промежуток и установить пробел на nowrap, но ни в какой пользе. Могли Вы говорить мне, как я могу просто поместить эти элементы в одну строку, не устанавливая атрибут плавающий в CSS и не окружая каждую таблицу a <td> {table} </td> и затем помещая это в строку таблицы.
Большое спасибо заранее. Я спросил Google, но он просто не сказал бы ничего, что ^^ StackOverflow остался тихим до сих пор, также
6 ответов
Нашел!
Для обеих таблиц необходимо использовать следующие настройки:
display: inline-table;
Спасибо за инлайн, ребята, большое спасибо, но, по крайней мере, инлайн-таблица работает ^^
Надеюсь, я помог ...
Обновление : это очень старый ответ, и сегодня существуют новые, лучшие методы.
Исходное содержание:
Вы должны использовать для этого CSS, так как это проблема презентации. Почему вы не можете использовать CSS?
Вот как я бы это сделал. Простой, работает в любом браузере и легко адаптируется к окружающим элементам макета. Задайте обеим таблицам ширину, которая соответствует им в содержащем элементе, и переместите их влево. Например:
<div id="container">
<table>...</table>
<table>...</table>
</div>
#container { width: 500px; }
table { width: 250px; float: left; }
Попробуйте этот css:
table {
padding:0px;
margin:0px;
}
Или вы можете взломать отрицательное верхнее поле
table{
margin-top:-20px;
}
или это:
<table border=1 style="position:absolute;width:100;height:30;left:0;top:100">
<tr>
<td>aaaaa</td>
</tr>
</table>
<table border=1 style="position:absolute;width:100;height:30;left:100;top:100">
<tr>
<td>bbbbb</td>
</tr>
</table>
Что если вы расположите таблицу 1 слева, а таблицу справа? По умолчанию таблицы являются "блочными" элементами, поэтому можно попробовать display:inline.