css圖片和文字居中

Ⅰ div+css，使用dl-dt-dd怎麼使圖片和文字居中

在div中，用dl-dt-dd使圖片需要垂直居中於DIV，文字需要水平居中於圖片。
一、首先設置圖片垂直居中，可以設置圖片上下邊界自動即可垂直居中顯示，
dt{margin-top:auto;margin-bottom: auto;float: left;overflow: hidden;}為方便圖片顯示在這里設置了圖片左對齊，超出div設置則隱藏。
二、設置文字水平居中於圖片，只需設置文章居中對齊即可。
dd{float:left; text-algin:center }

Ⅱ 如何用CSS讓文字左對齊，圖片居中

方法如下：
一、行高（line-height）法
如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如：
p
{
height:30px;
line-height:30px;
width:100px;
overflow:hidden;
}
這段代碼可以達到效果。
二、內邊距（padding）法
另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用padding將內容垂直居中，比如：
p
{
padding:30px;
}

Ⅲ css html 如何讓div里邊的圖片和文字同時上下居中

1、首先先進行文本框的插入，在word文檔編輯界面上，單擊上方工具欄中的「插入」按鈕，包括文本框，所有的插入選項都在這里。

Ⅳ CSS怎麼讓文字居中

讓文字居中的最主要的標簽就是text-align:center;如果你還有別的文字居中的需求，可以通過margin:0 auto來控制文字所在層的居中。

Ⅳ 用CSS如何實現單行圖片與文字垂直居中

以下選自（CSS權威指南）

以下為引用的內容：
vertical-align
初始值：baseline（預設值）
可否繼承：否
適用於：內聯元素
說明：vertical-align:baseline使元素的基線同父元素的基線對齊。
警告：vertical-align不能影響表格單元中的內容的對齊，對於塊元素中的內容也一樣。


文字不多，但時常有人范錯誤，有人說我用了為什麼沒有效果呢？首行看一下他的代碼。

以下為引用的內容：
．style{vertical-align:middle;.....}
HTML:<div class="style"><img src="地址" />...<div>


分析：從上面的代碼可以看出錯誤就是把樣式應用在塊元素中了
我們只需要改樣式為

以下為引用的內容：
．style img{vertical-align:middle;.....}


如果STYLE中有其它如INPUT或其它內聯元素可寫成

以下為引用的內容：
．style img,.style.input{vertical-align:middle;.....}
或
．style *{vertical-align:middle;.....}
/*在不影響其它元素的情況下使用這個通配符*/


以上是在沒有設置高度／行高的事情下，如果加入了高度和行高的事情下FF可以支持，IE6以下則不完全支持，看以下測試結果。（為了增加明顯的效果對圖片適當增加了高度）

Ⅵ 急!CSS中，怎麼讓ul li中的圖片和文字橫向水平居中

建一個div，ul裡麵包括四個li，在css樣式裡面設置li水平對齊就行了，text-align:center; 如果發現圖片不能對齊的話，可以對它單獨設置個padding值。

Ⅶ css想讓圖片和文字同時居中

text-align:center 只能用來控制文字居中的（注意text這個單詞），圖片是不聽它使喚的。
你所說的效果有多種實現方法，比較流行的方法是把圖片作為背景圖，文字則單獨控制其顯示位置，比如：

.story_class {
width: 200px;
height: 100px;
background: url(./images/story_1.png) no-repeat 40px 30px
}
.story_class h3 {
width: 100px;
height: 40px;
margin-left: 90px;
margin-top: 30px;
line-height: 40px
}

<div class="story_class">
<h3>精品散文</h3>
</div>