在word的快捷菜單和頁面布局中可將文字設(shè)置成水平與垂直居中 , 具體操作請參照以下步驟文字居中 。

文章插圖
1、在電腦上打開一個(gè)Excel文件 , 進(jìn)入主編輯頁面 。

文章插圖
2、然后在編輯區(qū)域輸入文字信息 , 然后用鼠標(biāo)選中文字內(nèi)容 。
3、然后點(diǎn)擊經(jīng)典菜單中的“居中”快捷圖標(biāo) , 將文字內(nèi)容進(jìn)行水平居中設(shè)置 。
4、然后在菜單欄中點(diǎn)擊“頁面布局” , 在其頁面找到“頁面設(shè)置”區(qū)域 , 然后點(diǎn)擊頁面設(shè)置中右下角的小圖標(biāo) 。
5、然后在頁面設(shè)置對話框的“版式”頁面將垂直對齊方式設(shè)置為“居中” , 點(diǎn)擊確定后即可對文字進(jìn)行垂直居中設(shè)置 。
6、完成以上設(shè)置后 , 即可在word文檔中把文字設(shè)置成水平與垂直居中 。
怎樣讓css+div文字垂直居中l(wèi)ine-height通常是用于調(diào)節(jié)一段文字的行與行之間的距離 , 或者說兩行文字之間的距離 , 如果行高 是500px , 那么每一行中的文字距離本行的頂部就是250px , 如果將文字的行高設(shè)為500px , 并且外面的容器的高度也為500px , 同樣可以實(shí)現(xiàn)垂 直居中 , 但是用它來實(shí)現(xiàn)垂直居中 , 也是有缺點(diǎn)的 , 就是如果內(nèi)容過多 , 文字就會跑到下一行 , 那么內(nèi)容就不可能垂直居中了 。
HTML代碼:
<h1>Hi, I\’m<span>Vertically Aligned</span> Within the H1</h1>
CSS代碼:
body {
margin: 0;
padding: 0;
background: #1d1d1d;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font: 3em Georgia, \”Times New Roman\”, Times, serif;
color: #fff;
height: 500px;
line-height: 500px;
text-align:center;
border: 10px solid #999;
}
h1 span {
font-weight: bold;
font-size:1 。
5em;
color: #fff000;
}
p {
font-size: 1 。3em;
color: #999;
}
strong {
color: #fff;
}
方法二:利用絕對定位
這個(gè)方法有個(gè)缺點(diǎn)我必須指出 , 就是外面的塊狀元素 , 必須指定高度 , 所以如果你在里面放動(dòng)態(tài)的內(nèi)容的話 , 后果會很糟糕滴~
HTML代碼:
<div class=\”vert\”>
<h1>Hi, I\’m<span>Vertically Aligned</span></h1>
<p>Abigo sudo mara paulatim odio, accumsan luptatum nibh nibh refero metuo opes ut fatua 。
Acsi et fere similis <strong>Using</strong> augue <strong>absolute</strong> validus 。Regula <strong>positioning</strong> eu jus vel, indoles fere iaceo ea similis 。
Velit praemitto nulla vel luctus secundum 。</p>
</div>
CSS代碼
這種用絕對定位來實(shí)現(xiàn)的垂直居中 , 取決與元素的寬度和高度 , 你可以用下面這兩個(gè)公式來計(jì)算元素的左邊距和上邊距
元素的寬度/2 = 負(fù)左邊距
元素的高度/2 = 負(fù)上邊距
在這個(gè)例子中 , 我們就是這么計(jì)算的
。
vert {
width: 580px;
height: 190px;
position: absolute;
top: 50%;
left: 50%;
margin: -95px 0 0 -290px;
}
完整CSS代碼
body {
margin: 0;
padding: 0;
background: #1d1d1d;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font: 4em Georgia, \”Times New Roman\”, Times, serif;
color: #fff;
border-bottom: 5px dotted #999;
margin: 0;
padding: 0 0 10px;
}
h1 span {
font-weight: bold;
display:block;
font-size:1 。
5em;
color: #fff000;
}
p {
font-size: 1 。3em;
color: #999;
}
strong {
color: #fff;
}
。vert {
width: 580px;
height: 190px;
position: absolute;
top: 50%;
left: 50%;
margin: -95px 0 0 -290px;
}
問題延伸
如果元素的外面還有一個(gè)父級元素 , 如果才能讓元素垂直居中于父級元素內(nèi)部?比如下面的代碼 , 多了一個(gè)父級元素
<div class=\”container\”>
<div class=\”vert\”>
<h1>Hi, I\’m Nested &<span>Vertically Aligned</span></h1>
<p>Abigo sudo mara paulatim odio, accumsan luptatum nibh nibh refero metuo opes ut fatua 。
Acsi et fere similis <strong>Using</strong> augue <strong>absolute</strong> validus 。Regula <strong>positioning</strong> eu jus vel, indoles fere iaceo ea similis 。
Velit praemitto nulla vel luctus secundum 。</p>
【文字居中,在word文檔中怎么把文字設(shè)置成水平與垂直居中?】</div>
</div>
這時(shí)候 , 就必須在定義父級元素的CSS代碼中加入position: relative;才能夠使內(nèi)部元素垂直居中于父級內(nèi)部 , 代碼如下:
。
container {
position: relative;
height: 500px;
width: 800px;
border: 10px solid #999;
background: #000;
margin: 20px;
} 。
- 孩子在家表現(xiàn)簡短評語:小班幼兒在家表現(xiàn)簡短評語?
- 英國的&amp;quot;天邊海角&amp;quot;在哪兒 英國的天邊海角在哪里
- 孕婦吃什么可以緩解惡心?
- 微信搭訕聊天開場技巧
- 周筆暢快樂女聲排名
- 九子奪嫡每個(gè)人下場是什么
- 中國男同性戀在英國結(jié)婚 怎么看待男同性戀
- 孕婦吃什么水果可以補(bǔ)鐵?
- 孕婦應(yīng)該忌食什么?
- 孕婦補(bǔ)血食譜大全有哪些
