面接の質問: 3 行 3 列のレイアウト、表は結合され、ネストされた表は許可されません
面接の質問で、3 行 3 列のレイアウトが求められます。1 行目の 2 番目の列と 2 行目の 2 番目の列が結合され、3 行目の 2 番目の列と 3 列が結合されます。ネストされたテーブルは許可されません。  コードをコピー コードは次のとおりです。<!DOCTYPE HTML > <html lang="ch-CN"> <ヘッド> <メタ文字セット="utf-8"> <タイトル> </タイトル> <スタイル> html、本文{パディング:10px;マージン:0px;幅:100%;高さ:100%;オーバーフロー:非表示;} td{幅:100px; 高さ:100px; テキスト配置:center; フォントファミリー:arial; 境界線:1px 実線 #aaa; 垂直配置:center;} </スタイル> </head> <本文> <table border="1" style='border:1px solid #aaa' cellspacing="0" cellpadding="10"> <tr> <td>1</td> <td rowspan='2'>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td colspan="2">7</td> </tr> </テーブル> </本文> </html> |
<<: 背景のグラデーションと自動フルスクリーンを実現するCSSコード
>>: JavaScript操作要素は、ページコンテンツのスタイルを変更する方法を教えます
推薦する
Docker は Python Flask+ nginx+uwsgi コンテナを構築します
Nginxをインストールするまずcentosイメージをプルしますdocker pull centos...
Nginx を使用して DoNetCore を Alibaba Cloud にデプロイする方法
基本的な環境設定まずはご自身でドメイン名とサーバーを購入してくださいクラウドサーバーECSに基づいて...
Reactフック入門チュートリアル
ステートフック例: 'react' から useState をインポートします。 関...
数ステップでサイバーパンク2077風の視覚効果を実現するCSS
背景記事を始める前に、賽博朋克とは何か、賽博朋克2077とは何かを簡単に理解しましょう。サイバーパン...
MySQL 8.0.18 安定版がリリースされました! 予想通りハッシュ結合が実装されました
MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...
MySQLトリガーの簡単な使用例
この記事では、例を使用して MySQL トリガーの簡単な使用方法を説明します。ご参考までに、詳細は以...
WEBAPP開発スキルのまとめ（モバイルWebサイト開発の注意点）
1. レスポンシブな Web を開発するには、ページを画面サイズに適応させる必要があります。前の記...
Vue2で配列の変更を検出できない理由と解決策
目次回避策Vue2.0 で 2 つの配列の変更を監視できないのはなぜですか?ソースコード分析ヴュー3...
HTML でフォーム入力やその他のテキスト ボックスを読み取り専用にして編集不可にする方法
場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更でき...
CSS を使用して適応型の幅と高さを持つ 16:9 の長方形を実装する例
先ほど、適応幅と高さが1:1の正方形を作成する方法について説明しました。 https://www.j...
MySQL遅延レプリケーションライブラリ方式の詳細な説明
簡単に言えば、遅延レプリケーションとは、スレーブ データベースがマスター データベースより 1 時間...
Linuxでファイルの作成時間を表示する方法
1. はじめにLinux でファイルの作成時刻が見つかるかどうかは、ファイル システムの種類によって...
ショッピングカートの計算を実現する js メソッド
この記事の例では、ショッピングカートの計算を実装するためのjsの具体的なコードを参考までに共有してい...
Vue は Websocket カスタマー サービス チャット機能を実装します
この記事では主に基本的なチャットの実装方法を紹介します。今後は絵文字や写真のアップロードなどの機能も...
フレックスレイアウトによるシームレスなスクロールのサンプルコード
この記事では、シームレスなスクロールを実現するためのフレックスレイアウトのサンプルコードを主に紹介し...