web-dev-qa-db-ja.com

応答テーブルのセルを新しい行に

動的コンテンツを介して「埋め込む」必要があるサードパーティのコンテンツサイトがあり、現時点ではAjaxまたはJqueryを知らないため、テーブルセルを新しい行にシフトして基本的に新しい行を作成できるかどうか疑問に思います。

埋め込みは次のようになります：

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

テーブルにクラスやIDは配置されていませんでしたが、ページ上の唯一のテーブルであり、1行に収まらないほど多くのコンテンツがあるため、これはモバイルWebサイト用であるため、ページ全体を320にする必要がありますピクセル幅。

CSSを単独で使用することは可能ですか？

新しいHTMLを挿入できません。コンテンツはアクセスできない安全なサーバーから動的に作成されますが、アクセスするためにAPIキーを使用します。

私は現在、次のラインに沿って何かで実験しようとしています：

td {clear:both;}
htmlcsshtml-tablecss-tables
24
user1707077

tdをdisplay:block;に設定すると、それらはすべて互いの下になります。

[〜＃〜] html [〜＃〜]

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

[〜＃〜] css [〜＃〜]

td{
    display:block;
}

こちらをご覧ください： http://jsfiddle.net/hDsts/

72
user2019515

他の解決策（display: block;が機能しない場合）は、inline-blockを使用することです：

[〜＃〜] css [〜＃〜]

td {
  display: inline-block;
}
1
Legionar