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 居右对齐