在图片上p文字居中_html css怎么样才能把文字放在图片的正下方

1. css html 如何将图片img标签水平居中垂直居中和水平垂直居中

1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。

2. 如何用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 居右对齐

3. html css图片和文字怎么居中

简单给你写下：

<spanclass="cart">
<iclass="cartleft"></i>
<a>购物车0件</a>
<iclass="cartright"></i>
</span>

.cart{
float:left;
width:100px;
height:20px;
cursor:pointer;
}
.cart>a,.cart>i{
float:left;
}
.cart>i{
width:20px;
height:20px;
background-position:center;
background-repeat:no-repeat;
background-size:1005;
}
.cart>.cartleft{
background-image:url(购物车1.png);
}
.cart>.cartright{
background-image:url(购物车2.png);
}
.cart>a{
width:80px;
height:20px;
text-algin:center;
lin-heght:20px;
}

4. 将下面图片p为像素是800*480(横向，宽*高)的，要求字居中，字可缩小，不能变形扭曲。两边接上

是不是这个意思？

5. 在一个<p>里面怎么让文字与图片都是上下居中的呢

看到没有？ style=" vertical-align:middle;" 就可以定义让文字与图片上下居中。。查看更多答案>>

6. ps怎么将p的文字与原图片对齐

ps中p的文字是单独一个图层的，选择p的文字，用移动工具移动到与原图片对齐即可。

7. html css怎么样才能把文字放在图片的正下方

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

text-align: center;

}

</style>

</head>

<body>

<div>

<br/>

你啥时候嫁给我,hahahahaahahahahahaah

</div>

</body>

</html>

————————————————

这样就会能够将文字放在图片的正下方，得到以下图片：

文字位于正右边的方法：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

}

.d2{

vertical-align: middle;

}

</style>

</head>

<body>

<div>

你啥时候嫁给我

</div>

</body>

</html>

8. css中怎么实现图片后面的文字居中

这种情况推荐，大概就是这样的
.divImg {
position: relative;
width: 200px;
height: 200px;
}

.divText {
position: absolute;
top: 50%;
margin-top: -10px; /* height的一半*/
width: 100px;
height: 20px;
}

9. 如何用CSS控制图片在P标签中居中对齐

给P标签设置text-align：center就行了呀。因为图片默认是inline的格式。
代码如下：

<p style="width: 1000px;min-height: 300px;text-align: center;border: 1px solid red;">
<img src="http://up.qqjia.com/z/26/tu32783_2.jpg"/>
</p>
图片是网上的。你这边可以直接丢到编辑器查看。

希望能帮到你

10. div+css，图片文字居中，我写出下面的代码如图示，我想让那文字在图片的中间位置，现在文字在图片的右下角

.yunmingchaxunrish img {
vertical-align:middle; /*加上它试一下*/
padding-left:80px;
/*padding-top:20px;*/ /*不要这一句*/
}
.yunmingchaxunrish b {
padding-left:5px;
padding-bottom:60px;
line-height:120px; /*加上它,看看是不是想要的效果.*/
}
若要文字处于图片之上且在正中间,则要把图片设成背景或采用绝对定位来实现.

导航:首页 > 文字图片 > 在图片上p文字居中

在图片上p文字居中

与在图片上p文字居中相关的资料