水平スクロールバー、垂直上揃え、内容を1行で表示テーブル用CSSまたはdiv_html/css_WEB-ITnose

今日は学習しながらいくつかの CSS タスクを実行しました。以下の点は将来使用されます。

.box
{
overflow:auto;

....テーブルのコンテンツが高すぎるか長すぎる場合、スクロール バーが自動的に生成されます
}
.tbcontent{
font-family: Arial 、タホマ、ヴァーダナ、カリブリ;
border:solid #ababab;
-moz-border-radius: 5px;
border-bottom-width: 2px;
border-top-width: 25px;
width: 100%;
text - align:left;
}
#customers
{
font-family:"Trebuchet MS"、Arial、Helvetica、sans-serif;
width:100%;
border-collapse:collapse;
border:solid #999999;
border-bottom-width: 2px;
border-top-width: 25px;
-moz-border-radius: 5px;
}

#customers th
{
font-size:1em;
padding : 3px 7px 2px 7px;
高さ:20px;
text-align:center;
white-space:nowrap;// 2. ......... .

列ヘッダー 1	列ヘッダー N

列が多すぎる場合、列ヘッダー k が複数の行に表示されます。
}

#customers th
{
font-size:1.1em;
text-align: center;
padding-top:5px;
padding-bottom:4px;
background-color:#bcbcbc;
color:#ffffff;
}

#customers tr.alt td // 3. 横断歩道を実現
{
color:#000000;
background-color:#dedede;
text-align:center;
}
.title
{
position:relative;
top:20px;
left:10px;
color : #ffffff;
font-weight:old;}

// 4. 2 つの div を整列させることができます

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

2週間前 By 尊渡假赌尊渡假赌尊渡假赌

レポ：チームメイトを復活させる方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？

3週間前 By DDD

R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？

3週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7333

9

Java チュートリアル

1627

14

CakePHP チュートリアル

1351

46

Laravel チュートリアル

1262

25

PHP チュートリアル

1209

29

もっと見る