讀者可以看到，ltp元素本身也居中顯示了，因此可以利用此特性來(lái)設(shè)置頁(yè)面內(nèi)容在IE內(nèi)的整體居中效果，例如有html結(jié)構(gòu)如下ltbody ltdiv id=”wrap” lth1頁(yè)面居中l(wèi)th1 ltp設(shè)置CSS使頁(yè)面整體居中l(wèi)tp ltdiv ltbody 要使ltdiv id=” wrap”在瀏覽器內(nèi)居中，則需要設(shè)置CSS如下body。

用css實(shí)現(xiàn)一段文字的兩端對(duì)齊的代碼輸入步驟如下1首先輸入代碼讓這段文字的最后一行右對(duì)齊，代碼如下textalignlastjustify2然后輸入代碼讓整段文字兩端對(duì)齊，代碼如下textalignjustify3然后輸入如下代碼textjustifydistributealllines ，這行加了的話可以兼容ie瀏覽器4設(shè)置文字。

從而減少眼睛的疲勞在CSS中，可以通過(guò)設(shè)置textalign屬性為quotjustifyquot來(lái)實(shí)現(xiàn)兩端對(duì)齊例如ltp這是一段文本，將會(huì)被兩端對(duì)齊ltp ltstyle p textalign justify ltstyle 在上面的例子中，文本將會(huì)被兩端對(duì)齊，并會(huì)在容器中保持整齊的布局。

采用CSS的flex布局實(shí)現(xiàn)三等分，中間間距相等，兩端對(duì)齊的布局，需要遵循以下步驟首先，設(shè)置容器為flex布局，使用displayflex屬性接著，為每個(gè)子元素設(shè)置flex1，這樣它們?cè)谌萜髦袑⑵骄峙淇臻g，實(shí)現(xiàn)三等分效果為了確保中間間距相等，且兩端對(duì)齊，可以通過(guò)給相鄰元素間的空白區(qū)域添加padding計(jì)算padding大。

2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼div border 1px solid bluewidth 300pxtextalign justify divafter display inlineblockwidth 100%content #39#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)一行內(nèi)的文字實(shí)現(xiàn)了兩端對(duì)齊。

1CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成選擇器，以及一條或多條聲明selector 選擇器通常是您需要改變樣式的 HTML 元素2每條聲明由一個(gè)屬性和一個(gè)值組成屬性property是您希望設(shè)置的樣式屬性style attribute，每個(gè)屬性有一個(gè)值，屬性和值被冒號(hào)分開(kāi)selector property value。

如果您正在制作網(wǎng)頁(yè)或者使用HTML和CSS進(jìn)行排版，您可以使用CSS樣式來(lái)實(shí)現(xiàn)目錄兩端對(duì)齊以下是使用CSS樣式進(jìn)行目錄兩端對(duì)齊的步驟步驟一在HTML文檔中，為目錄元素例如或添加一個(gè)類名或ID屬性步驟二在CSS樣式表中，為該類名或ID屬性定義樣式您可以使用textalign屬性將文本內(nèi)容設(shè)置為兩端對(duì)齊。