我們?cè)谠O(shè)計(jì)頁(yè)面的時(shí)候，經(jīng)常要把DIV居中顯示，而且是相對(duì)頁(yè)面窗口水平和垂直方向居中顯示，如讓登錄窗口居中顯示到現(xiàn)在為止，探討了很多種方法HTMLltbody ltdiv class=quotmaxboxquot ltdiv class=quotminbox aligncenterquot；ltdiv id=quotboxquot ltdiv id=quotcontentquot居中顯示ltdiv ltdiv 參照以上Html代碼，讓最外面名為box的Div呈表格樣式顯示，然后再讓box中名為content的Div呈單元格顯示，并利用verticalalignmiddle讓其垂直居中，這樣就；可以使用“textalign”屬性讓文字水平居中，使用“l(fā)ingheight”屬性讓文字垂直居中1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽并填寫(xiě)一段文字，然后為這個(gè)div設(shè)置一些樣式2為div添加“textalign”屬性，屬性值為“center；2找到布局對(duì)象Div標(biāo)簽，即插入一個(gè)Div標(biāo)簽3設(shè)置類(lèi)為1，再設(shè)置CSS樣式，設(shè)長(zhǎng)寬均為300確定4文本是居左的如果要居中顯示，那么就從CSS面板中找到類(lèi)1的CSS樣式，并在分類(lèi)找到Textalign；1首先我們打開(kāi)自己的電腦，找到已經(jīng)安裝好的Dreamweaver，新建一個(gè)html頁(yè)面，并保存到桌面上2然后我們?cè)趆tml的編輯窗口，編輯元素，使其中顯示若干文字，我是用的div標(biāo)簽進(jìn)行布局顯示的3其在瀏覽器中的顯示效果如下。

1設(shè)置div的height和lineheight值設(shè)置為相同的數(shù)值，只需要一個(gè)div即可2設(shè)置父級(jí)div樣式的displaytable，并設(shè)置子div樣式的displaytablecellverticalalignmiddle，此時(shí)需要一個(gè)父級(jí)div和一個(gè)子級(jí)div3設(shè)置父；要讓DIV水平和垂直居中，必需知道該DIV得寬度和高度，然后設(shè)置位置為絕對(duì)位置，距離頁(yè)面窗口左邊框和上邊框的距離設(shè)置為50%，這個(gè)50%就是指頁(yè)面窗口的寬度和高度的50%，最后將該DIV分別左移和上移，左移和上移的大小就是；也就是說(shuō)，如果你的DIV是200PX高，那你就讓lineheight200px文字就會(huì)垂直居中了不知道說(shuō)明白沒(méi)有不行，你再HI我好了html中怎么在背景圖片中插入字體并改變字體位置第一種方式是image作為背景圖片，即back。

使用CSS的textalign屬性來(lái)水平居中文本將該屬性應(yīng)用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot這是居中的文本ltdiv文本垂直居中；關(guān)于如何在div中使文本水平和垂直居中的css代碼 您可以使用“文本對(duì)齊”屬性和“行高”屬性1創(chuàng)建一個(gè)新的html文件，向body標(biāo)簽添加一個(gè)div標(biāo)簽，并在div標(biāo)簽中輸入文本這里以“演示文本”為例，設(shè)置div標(biāo)簽的寬度高度；之前itjob老師教過(guò)首先我們打開(kāi)自己的電腦，找到已經(jīng)安裝好的Dreamweaver，新建一個(gè)html頁(yè)面，并保存到桌面上然后我們?cè)趆tml的編輯窗口，編輯元素，使其中顯示若干文字，我是用的div標(biāo)簽進(jìn)行布局顯示的其在瀏覽器中的顯示。

1建立txt文檔，更改后綴名為html，如圖2右擊html文件，選擇用記事本打開(kāi)，如圖3講解第一種div絕對(duì)定位水平垂直居中CSS3使用transform， transform中translate偏移的百分比值是相對(duì)于自身大小的，無(wú)論絕對(duì)定位元素的尺；1div的垂直居中問(wèn)題 verticalalignmiddle 將行距增加到和整個(gè)DIV一樣高 lineheight200px 然后插入文字，就垂直居中了缺點(diǎn)是要控制內(nèi)容不要換行 2 margin加倍的問(wèn)題 設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍；表示垂直居中，lineheight的屬性要根據(jù)文字所在的標(biāo)簽的高度來(lái)設(shè)置，比如我的文字是在div里面，div是200px，就設(shè)置200px，如果你的div或者其他標(biāo)簽是400px，就設(shè)置400px最后，再來(lái)預(yù)覽效果，文字已經(jīng)水平垂直居中了。

如果是一行文字，設(shè)置height和lineheight相同是最簡(jiǎn)單的垂直居中方法 如果是一段文字，父元素不限高，要垂直居中，可以采用padding20px 0如果是一段文字，父元素有固定的高，要垂直居中，可以采用 ltdiv style=quotheight；第一種方法lt！html盒子代碼lt！水平垂直居中l(wèi)tdiv class=quotCentered1quot ltpd第一種ltpltdivlt！css樣式部分 Centered1 backgroundcolor # width 100% height500px position rela。