css文字圖片居中對齊

⑴ 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>

⑵ css怎樣讓文字整體縮進和圖片對齊，圖片是居中了的，如圖

可以把圖片和文字放到一個div中，然後讓div進行居中即可

⑶ css中怎樣讓圖片在文字中居中顯示

現實的網頁上沒有見過，word中存成html網頁也不能實現居中。

非要居中不可的話，用3列的表格可以實現，也可以用浮動的3列欄。不過兩側文字的字數不好控制。

⑷ 急。。在CSS樣式中怎樣設置文字與圖片居中對齊

使用css的vertical-align:middle 屬性 ..

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

方法步驟如下：

1、首先打開計算機，使用瀏覽器打開a.html，可以看到默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊。

⑹ css+div文字環繞圖片 圖片居中顯示怎麼弄

=======
文字環繞
=======
<style>
div {
width:300px;
border:1px solid red
}
img {
float:center;
width:100px;
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
繞啊繞啊
繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊 繞啊繞啊
</div>
=======
圖片居中
======
<center><img src="img/logo.gif"></center> <!--html-->
==============================================
<!---css-->
========
div{
margin:0 auto;
padding:0px;
}
<div id="logo">
<img src="img/logo.gif">
</div>

CSS的定義：
#logo{width:500px; height:300px;}
#logo img{margin-top:100px; margin-left:150px;}

=================================
可以把讓圖片先居中，後環繞。

⑺ 用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以下則不完全支持，看以下測試結果。（為了增加明顯的效果對圖片適當增加了高度）
總結：對於單行圖片文字垂直居中（有圖片的情況下）1.當沒有高度行高時，我們只要簡單的對內聯元素應用vertical-align:middle;就可以了。此外對於一個圖片和文字的高度相差無幾的，不用這個樣式也是可以的。2.對於有行高或有行高＋高度的，FF可以正確顯示，ie6失效。所以也只能對IE6以下版本使用KACK了！現在IE7已經改正了這個錯誤。3．對2補充一下，可以用不定高度，用上下補白的方法，這樣就可以兼容IE6了。

⑻ 文字和圖片在同一個DIV中，要讓圖片居中，文字靠左對齊，並且，只能設置DIV的CSS，如何做到

div {}
div p {text-align:left;}
div p img {margin:0 auto; display:block;}
把圖片變成塊級元素顯示就可以了

⑼ CSS讓文字居中對齊圖片左對齊

<div align=left></div> →文字左對齊
＜ｉｍｇａｌｉｇｎ＝ｍｉｄｄｌｅ＞→圖片居中對齊

⑽ 如何用CSS控制圖片在P標簽中居中對齊

以下方法適用於圖片寬度小於P標簽寬度的情況

HTML代碼：

<p>
<imgsrc="">
</p>

CSS代碼：

p{
text-align:center;
}

給p標簽設置text-align:center;樣式可實現居中

text-align 文本對齊方式，有left / center /right 3個值：

left 居左對齊

center 居中對齊

right 居右對齊