コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > モバイル端末でこのようなテーブルを作成する方法_html/css_WEB-ITnose

モバイル端末でこのようなテーブルを作成する方法_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:31:38
オリジナル
1397 人が閲覧しました

画面に合わせるには div+css は h5
水平 40%、上下 60% 80%、20%

ディスカッションへの返信 (解決策) あとはそれを書くだけです
左のdivは幅40%、右のdivは幅60%です

このスタイルを先頭に追加します





次に、それを直接記述します
左の div は幅 40%、右の div は幅 60% で

このスタイルを先頭に追加します

html,body{

width height :100%
margin:0;
padding:0
}

大事なのは小さい文字の書き方です。右側の大きなレイヤーにあるもの

If divの使い方が分からなくても、テーブルの中にテーブルを使うだけでも大丈夫です


divの使い方が分からない場合は、テーブルの中にテーブルを使うだけでも大丈夫です。 table を css+div に変更して、パフォーマンスを向上させたいだけです。枠線が幅を占めるので、幅の割合を少し調整します
左側に写真を追加する場合、左側のレイヤーのサイズを超えないようにすることはできますか?

関連ラベル：
求移动端一个这样的表格该怎样做
ソース：php.cn
前の記事：Bootstrap カルーセルと CSS3 アニメーションはとてもクールです。 _html/css_WEB-ITnose 次の記事：CSS を使用して 2 列の div を並べて表示する方法_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
div 要素が JS onmouseover に応答しない そこで、カーソル/マウスを動かすと、clientX に基づいて波状のパターンを表すスタイルを備えた div を生成する、基本的な作業例があります。これは、addEventliste...
から 2024-04-02 20:47:52
0
1
308
ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。 ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下...
から 2024-03-31 00:03:58
0
1
355
発足以来、毎日のアクティブドライバー数は増加し続けています 次のように、all_data というテーブルに、2022 年 1 月 1 日から 2022 年 1 月 15 日 (15 日間) のドライバー、注文、日付のリストがあります。 dr...
から 2024-03-30 22:52:01
0
2
286
テーブル tr:first-child td の機能上の問題 CSS とテーブルを使用して、分子と分母の間に分数線を配置します。複素分数の場合、Ant ブラウザでは正しく動作しません。以下は、この問題を示す Tryit エディターで使用される...
から 2024-03-30 13:24:05
0
1
295
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート