Получение HTML-таблиц для горизонтального расположения ячеек

Question

Получение HTML-таблиц для горизонтального расположения ячеек

0

У меня html-таблицы внутри огромной таблицы, к которой я пытаюсь заложить свои ячейки, горизонтально динамически генерируемые php. Сейчас моя структура выглядит так:

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>
            1
          </td>
        </tr>
      </table>
      <table>
        <tr>
          <td>
            2
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

и html мой браузер Chrome - рендеринг выводит ячейки следующим образом:

1
2

вместо:

1 2

Я знаю, что могу так же легко сделать это:

<table>
  <tr>
    <td>
      1
    </td>
  </tr>
  <tr>
    <td>
      2
    </td>
  </tr>
</table>

и мой желаемый результат:

1 2

но у меня есть информация, которая не поместится в ячейку td в таблице. Любая помощь?

user3423909 22 март 2014, в 08:29

Источник

0

Не используйте вложенные таблицы.
bjb568 22 март 2014, в 07:04
0

@bjb568 bjb568 Почему? Какие-либо предложения?
user3423909 22 март 2014, в 07:04
0

Поскольку таблицы предназначены для табличных данных - вам, вероятно, не нужны таблицы вообще.
bjb568 22 март 2014, в 07:07
0

Нет, мне нужны мои данные, чтобы вписаться в сетку для целей презентации. Подумайте, что сетка для фотографий размером 5х5 динамически генерируется php.
user3423909 22 март 2014, в 07:10
0

Это не табличные данные. Сетки для CSS.
bjb568 22 март 2014, в 07:11
1

Я не понимаю, почему что-то не помещается чисто в тд камеру. Не могли бы вы объяснить больше об этом, пожалуйста?
Izaaz Yunus 22 март 2014, в 07:12
0

@IzaazYunus Конечно. <a href="post.php?id='. $post_id.'"> <img src = "uploads / thumb_ '. $ photo.'" width = "150" height = "150"> <span class = " серый "> '. $ я. ». Автор: <a href="post.php?id='. $member_id.'"> '. $ member_name. </a> вкл. $ post_nice. '</a> </ span> <form action = "post.php" method = "post" id = "voice_form"> <input type = "hidden" name = "post_id" value = "<? php echo $ post_id ;?> "id =" post_id "> <input type =" submit "name =" post_upvote "value =" + "id =" post_upvote "onclick =" javascript: post_vote ('u') "> <input type =" submit "name =" post_downvote "value =" - "id =" post_dow ........
user3423909 22 март 2014, в 07:14
0

Если вам нужна таблица 5x5, что не так с 5 '<tr>, каждый с 5' <td> в? Вложенные таблицы никогда не являются хорошей идеей, почему данные не помещаются в ячейки таблицы?
Dave S 22 март 2014, в 07:14
0

Почему бы не использовать группу элементов inline-block в контейнерах блоков?
bjb568 22 март 2014, в 07:15
1

@user3423909 user3423909 Не могли бы вы обернуть каждый из них в div и «встроить-блокировать» их (или с плавающей точкой влево). Ширина контейнера будет определять, сколько их расположено горизонтально, поэтому сделайте их внешний контейнер достаточно широким, чтобы вместить только 5 из них.
Dave S 22 март 2014, в 07:16

Показать ещё 8 комментариев

Теги:

html

2 ответа

1

Использовать float: left для таблицы CSS

table{
    float:left;
}

Скриншот здесь

Izaaz Yunus 22 март 2014, в 04:30

0

нужно создать сетку из 5х5 ячеек таблицы. Я не думаю, что Css может помочь мне с этим.
user3423909 22 март 2014, в 07:08

Ещё вопросы

Не используйте вложенные таблицы.
@bjb568 bjb568 Почему? Какие-либо предложения?
Поскольку таблицы предназначены для табличных данных - вам, вероятно, не нужны таблицы вообще.
Нет, мне нужны мои данные, чтобы вписаться в сетку для целей презентации. Подумайте, что сетка для фотографий размером 5х5 динамически генерируется php.
Это не табличные данные. Сетки для CSS.
Я не понимаю, почему что-то не помещается чисто в тд камеру. Не могли бы вы объяснить больше об этом, пожалуйста?
@IzaazYunus Конечно. <a href="post.php?id='. $post_id.'"> <img src = "uploads / thumb_ '. $ photo.'" width = "150" height = "150"> <span class = " серый "> '. $ я. ». Автор: <a href="post.php?id='. $member_id.'"> '. $ member_name. </a> вкл. $ post_nice. '</a> </ span> <form action = "post.php" method = "post" id = "voice_form"> <input type = "hidden" name = "post_id" value = "<? php echo $ post_id ;?> "id =" post_id "> <input type =" submit "name =" post_upvote "value =" + "id =" post_upvote "onclick =" javascript: post_vote ('u') "> <input type =" submit "name =" post_downvote "value =" - "id =" post_dow ........
Если вам нужна таблица 5x5, что не так с 5 '<tr>, каждый с 5' <td> в? Вложенные таблицы никогда не являются хорошей идеей, почему данные не помещаются в ячейки таблицы?
Почему бы не использовать группу элементов inline-block в контейнерах блоков?
@user3423909 user3423909 Не могли бы вы обернуть каждый из них в div и «встроить-блокировать» их (или с плавающей точкой влево). Ширина контейнера будет определять, сколько их расположено горизонтально, поэтому сделайте их внешний контейнер достаточно широким, чтобы вместить только 5 из них.
нужно создать сетку из 5х5 ячеек таблицы. Я не думаю, что Css может помочь мне с этим.

Al.G. · Accepted Answer · 2014-03-22T04-29-00.000Z

Если вы используете "float: left" и поместите текст после таблицы, он будет располагаться рядом с таблицей, а не внизу.
использование

td table {
   float: left;
   /*or:
   display: inline-block;*/
}

плавает их рядом, но не в сетке 5х5, которую я хотел. Это может сбивать с толку.