css編程怎麼文字居中

A. CSS 一個DIV裡面的文字如何上下左右居中顯示

這樣：

body{margin:0;padding:0;width:100%;

height:100%;

}div{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;/*此時寬和高都要固定*/width:500px;height:500px;}body{

margin:0;

padding:0;

width:100%;

height:100%;

}

div{

position:absolute;

top:50%;

left:50%;

margin-top:-250px;

margin-left:-250px;

/*此時寬和高都要固定*/

width:500px;

height:500px;

}

(1)css編程怎麼文字居中擴展閱讀：

注意事項

一、用兩個值就可以了

1、text-align:center;

//這是讓文字左右居中

2、line-height:100px;

//這是讓文字垂直居中

vertical-align:middle;

//這個屬性不能讓文字垂直居中，該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是升高。在表單元格中，這個屬性會設置單元格框中的單元格內容的對齊方式。

二、多行文本垂直居中分為兩種情況，一個是父級元素高度不固定，隨著內容變化；另一個是父級元素高度固定。

1、父級元素高度不固定

父級高度不固定的時，高度只能通過內部文本來撐開。可以通過設置內填充（padding）的值來使文本看起來垂直居中，只需設置padding-top和padding-bottom的值相等：

<!--html代碼-->

<divid="div1">

這是多行文本垂直居中，

這是多行文本垂直居中，

這是多行文本垂直居中，

這是多行文本垂直居中。

</div>

/*css代碼*/

#div1{

width:300px;

margin:50pxauto;

border:1pxsolidred;

text-align:center;/*設置文本水平居中*/

padding:50px20px;

}

2、父級元素高度固定

只對擁有valign特性的元素才生效，結合display:table;，可以使得div模擬table屬性。因此可以設置父級div的display屬性：display:table;；然後再添加一個div包含文本內容，設置其display:table-cell;和vertical-align:middle;。

B. 怎麼用CSS樣式使文本居中對齊

text-align: center;水平居中

height:30px;line-height:30px;垂直居中
vertical-align:middle;垂直居中

td裡面可以直接<td valign="middle" align="center"

C. CSS文字垂直居中

• 01

  先寫上html代碼，如圖，內容很簡單，就是一個div里有一段文本。

• 02

  再寫上div對應的樣式，如圖，這里只設置了div的邊框和高度，寬度。

• 03

  如余尺果這里顯示的話，我們看下頁面，文本是不會水平居中和垂直居中的。

• 04

  要讓文本水平居中，我們可以添廳毀咐加樣式：text-align: center;
  要讓文本垂直居中，我們可以添加樣式： vertical-align: middle;和display: table-cell;

• 05

  添加扮純完這幾個樣式後，刷新頁面可以看到現在的文本已經可水平居中和垂直居中了。

D. css中4種方法使內容居中

通常首選方法是使用 flexbox 居中內容。只需三備螞行代碼即可： display:flex ，然後使用 align-items:center 和 justify-content:center 將子元素垂直和水平居中。

如下代碼：

html：

css：

使用grid(網格)與flexbox非常相似，租慧也是一種常見的技術，尤其是布局中已經使用網格的情況下。與前一種flexbox技術的唯一區別是它顯示為柵格。

如下代碼：

html:

css:

使用css transform 居中元素，前提是容器元素必須設置為 position:relative ，然後子元素使用 left:50%和 top:50% 偏移子元素，最後使用 translate（-50%，-50%） 以抵消其偏移的位置。

代碼如下：

html：

css：

最後，表格居中是一種舊技術，在使用舊瀏覽器時，您可能會喜歡這種技術。前提是容器元素設置為 display:table ，然後仿型埋子元素設置為 display: table-cell ，最後使用 text-align: center 水平居住和 vertical-align: middle 垂直居中。

代碼如下：

html：

css:

E. 怎麼用CSS樣式使文本居中對齊

可以使用「text-align:center;」是文本居中。

1、新建html文檔，在body標簽中添加div標簽，然後輪薯在div標簽中添加文字：

F. css樣式中怎麼能讓一行字水平居中顯示

需要准備的材料分來別有：電腦、源瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。