我如何與 css 行內居中對齊
.h1 {
text-align: center
}<html>
<body>
<h1>Test</h1>
</body>
</html>我如何與 css 行內居中對齊
uj5u.com熱心網友回復：
我們不能使用 . 對于簡單的 html 標簽。Rember . 用于類，# 用于 id 以通過 css 訪問它。所以你做的唯一錯誤是將 (.) 與你的 h1 一起使用
h1{
text-align:center;
}
uj5u.com熱心網友回復：
你做錯了洗掉.，.h1因為你沒有在你的h1標簽中提到<h1 ></h1>
筆記
.用于類選擇器。#用于 id 選擇器。*用于所有元素
h1{
text-align: center;
}<html>
<body>
<h1>Test</h1>
</body>
</html>uj5u.com熱心網友回復：
問題在于，在 CSS 中，您將 Header 元素 ( h1 ) 稱為類（使用 . ）。當您想要為沒有任何類或 id 的元素設定樣式時，請使用實際的元素名稱呼叫它。
請參閱參考：https : //www.w3schools.com/css/css_selectors.asp
像這樣：
h1 {
text-align: center;
}<body>
<h1>Hello</h1>
</body>uj5u.com熱心網友回復：
只需洗掉 css 選擇器中的點（.）
uj5u.com熱心網友回復：
只需在您的標簽中添加一個類
.h1{
text-align: center;
}
<html>
<body>
<h1 class="h1">Test</h1>
</body>
</html>
uj5u.com熱心網友回復：
首先，您不能.在樣式表中使用html 標記。
.將類分配給 Html 元素時使用
#將 id 分配給 Html 元素時使用
eg: html 元素的名稱，
h1當你想直接將樣式應用到 html 標簽時使用
現在，對于行內 css，如果您想使用行內 css 在中心對齊文本，請使用以下style:""屬性。
<html>
<body>
<h1 style: "text-align: center;">Test</h1>
</body>
</html>
uj5u.com熱心網友回復：
帶有 Bootstrap 的 HTML：
<div class="col-sm-12">
<div class="row d-flex justify-content-center">
<h1 class="col-sm-2">More Text</h1>
</div>
<div class="row d-flex justify-content-center">
<h2 class="col-sm-3">More Text</h2>
</div>
<div class="row d-flex justify-content-center">
<h3 class="col-sm-3">More Text</h3>
</div>
<div class="row d-flex justify-content-center">
<h4 class="col-sm-3">More Text</h4>
</div>
<div class="row d-flex justify-content-center">
<h5 class="col-sm-3">More Text</h5>
</div>
</div>
CSS：
div, h1 {
text-align: center;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/362868.html