居中的程式碼怎麼寫

綜合知識
關注：2.86W次

1. div居中程式碼怎麼寫

如果只是水平居中的話，只需要先定義DIV的寬度，再設定外邊距margin屬性的左右邊距為auto即可。此時DIV便會相對於它的父容器水平居中。

比如 <div class=div_a><div class="div_b"><div></div>

設定div_b的樣式

.div_b{width:100px; margin:0 auto;}

這樣div_b便在div_a中水平居中了。如果外面沒有父DIV，則div_b便相對於整個頁面居中。注意如果div_b定義了浮動屬性float則無效。

2. 網頁文字居中的程式碼是什麼

html文字居中測試 <meta charset="UTF-8"> <style type="text/css"> body{background: #ddd;} div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;} .box1{background: #71a879;text-align: center;} .box2{background: #6a8bbc;line-height: 200px;} .box3{background: #dea46b;text-align: center;line-height: 200px;} </style> <body> html文字水平居中 html文字垂直居中 html文字水平上下居中擴充套件資料： html自定義字型樣式一般字型的設定包含：字型，字型大小，字型顏色 html設定字型的話有很多標籤去設定 h1,strong,h3,h4,h5,h6 標題採用css屬性。

用font去設定字型。 font-family 規定元素的字體系列。

包含：宋體，微軟雅黑等這些字型之類的。font-family:Microsoft yahei 表示設定字型為微軟雅黑 font-weight是設定字型的粗細。

包含：lighter（更細），normal（正常），bold（粗體），bolder（更粗）font-weight:bold設定字型為粗體 font-size 是字型的尺寸，可以用使用百分比去設定或者畫素去設定。如：font-size:18px color屬性是設定字型的顏色。

可以採用 color:red；（顏色名稱）color:#00ff00；（顏色的十六進位制）color:rgb(0,0,255)；（顏色的rgb）例子：<style type="text/css"> .title{font-family:Microsoft yahei;font-size:16px;font-weight:bold;color:#ccc}</style>我是標題。

3. 文字和圖片居中的HTML程式碼怎麼寫

我們直接對body 設定CSS樣式：text-align:center1、完整HTML例項程式碼：

<!DOCTYPE html>

<head>

<title>W3Cschool居中例項</title>

<style>

body{text-align:center}

</style>

</head>

<body>

W3Cschool會被居中

</body>

</html>

4. html語言讓文字居中的程式碼是什麼

方法1、現在通常用的是div+css架構。

css中的寫法是對字型加樣式：text-align:center；//居中如：居中 css為：.jz{text-align:center；}方法2：在 content 元素外插入一個 div。設定此 div height:50%; margin-bottom:-contentheight; content 清除浮動，並顯示在中間。

html:Content here css:#floater{float:left; height:50%; margin-bottom:-120px;}#content {clear:both; height:240px; position:relative；}方法3：定位：使用了一個 position:absolute，有固定寬度和高度的 div。這個 div 被設定為 top:0; bottom:0；。

但是因為它有固定高度，其實並不能和上下都間距為 0，因此 margin:auto；會使它居中。使用 margin:auto；使塊級元素垂直居中是很簡單的。

html:Content herecss:#content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70%；}方法4：單行上下居中，可以設定行高為盒子高度，這樣文字就可以上下居中。即：line-height的高度要等於外面div的height。

5. HTML文字居中怎麼寫

1、如果這排文字放在table裡，這樣寫：

<table>

</td>

</table>

2、在css裡給這排文字定義一個類為footer，如下：

首先在<head></head>；中設定css:

.footer{

text-align:center //設定最下排文字居中顯示

</style>

然後在body裡插入footer（最下排的字）類的div:

……（同上）