align-self 属性を使用して、フレックス項目の配置を設定します。次のコードを実行して、CSS
Example
Live Demonstration
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
height: 300px;
background-color: orange;
}
.mycontainer > div {
background-color: white;
text-align: center;
line-height: 90px;
font-size: 40px;
width: 100px;
margin: 50px;
}
</style>
</head>
<body>
<h1 id="Quiz">Quiz</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div style = "align-self: center">Q4</div>
<div>Q5</div>
</div>
</body>
</html> の align-self プロパティを実装してみてください。以上がCSS 自動調整プロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ジャムスタックの円卓会議からのランダムノートApr 16, 2025 am 11:19 AM先週末、Web UnleashedでJamstack Roundtableディスカッションを開催しました。その経験からのいくつかのランダムなメモ。
Githubテンプレートリポジトリを使用して、静的サイトプロジェクトをジャンプしますApr 16, 2025 am 11:14 AM静的サイトジェネレーターを始めた場合は、GitHub Templateリポジトリを使用して新しいプロジェクトを迅速に開始して削減できることをご存知ですか？
静的ファースト：サーバーレスレンダリングを備えた事前に生成されたジャムスタックサイトApr 16, 2025 am 11:06 AMJamstackという用語がますます頻繁に現れるのを見るかもしれません。私はしばらくの間、アプローチとしてそれのファンでした。
CSS-Tricks Chronicle XXXVIApr 16, 2025 am 10:58 AMこれは、私、このサイト、およびCSS-Tricksファミリーの一部である他のサイトで起こっているこれらの小さなまとめの1つです。
毎週のプラットフォームニュース：絵文字文字列の長さ、丸いボタンの問題、バンドルされた交換Apr 16, 2025 am 10:46 AM今週のラウンドアップでは、2つの絵文字の文字列の長さが必ずしも等しくなく、その丸いボタンを作成する前に検討すべきものがあり、新しいものがあるかもしれません
カクテルミキサーでGraphQLに会うApr 16, 2025 am 10:43 AMGraphQLとRESTは、Webサイトを使用するためにAPIを構築するときに使用される2つの仕様です。 RESTは、アプリケーションが使用する一連の一意の識別子（URL）を定義します
SASSモジュールの導入Apr 16, 2025 am 10:42 AMSASSは、他の言語（モジュールシステム）から認識される可能性のある主要な新機能を起動しました。これは@Importにとって大きな前進です。最も使用されているものの1つ
心配をやめ、gitフックが大好きであることを学んだ方法Apr 16, 2025 am 10:41 AMバージョン制御システムとしてのGITのメリットは争うのが困難ですが、Gitはあなたとあなたのコミットを追跡するために素晴らしい仕事をしますが
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
ドリームウィーバー CS6
ビジュアル Web 開発ツール
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
