所以我的html代碼是這樣的結構。
<div className="App">/span>
<header className="App-head">
<Container fileType={this. state.currentFileType} file= this.state.currentFile} <>
<Board handleClick={（） => this.handleClick()}。/>
</header>
</div>/span>
這是我的Container div，其中包含文本。資料只是呼叫一個基本的.txt檔案，長度為兩句話。
<div className="NoteContainer">
<object data={"/Notes/" props.file} />/span> />
</div>
我的css看起來像這樣
.App{
text-align: center;
background-color: #a461f2;
}
.App-header {
height: 100vh;
width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px 2vmin) 。
color: white;
}
.NoteContainer {
padding: 40px;
display: flex;
text-align: center;
由于某些原因，我無法讓來自note1.txt的文本居中。如果有任何幫助，我將不勝感激。
uj5u.com熱心網友回復：
text-align只對文本起作用。p, h1, h2 等。
你試圖在一個object元素上這樣做，這對text-align是無效的
你可以這樣做而不是text-align。
.NoteContainer {
padding: 40px;
width: 50%。
margin: auto;
我不是100%確定。我對object元素的作業不多。如果不成功，請通知我。
uj5u.com熱心網友回復：
text-align是針對文本的。你可以試試：
align-items: center;
justify-content: center;
align-content: center;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/321892.html
標籤：
下一篇：你如何用css創建這樣的形狀？