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

❶ css<strong>里文字固定在图片下面

看完你的代码我建议啊，你li里面只包含一个<a>标签，即<a>包含图片和底下的文字，因为都是一个连接，然后img在css里面这么写

img {
display:block;

width:你定义

height:你定义

margin:5px auto; //即图片离顶部5px,然后水平居中

}
接着你的strong外面有个p标签，就不用span标签了,p在css里面这么写
p{
width:100%;

text-align:center;

}
我大概写了一下，楼主看的懂的话自己完善一下，就没问题了，还有楼主要做的网页容有点给力

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

❸ DIV+CSS图片下文字排版，图片下面排文字。

试试这样图片地址自己换 li尺寸自己改下就好了

<div class="wrap">
<ul >
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>历史教学创新和实践</h1>
<p>类型：历史</p>
<p>主讲：张琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>历史教学创新和实践</h1>
<p>类型：历史</p>
<p>主讲：张琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>历史教学创新和实践</h1>
<p>类型：历史</p>
<p>主讲：张琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>历史教学创新和实践</h1>
<p>类型：历史</p>
<p>主讲：张琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>历史教学创新和实践</h1>
<p>类型：历史</p>
<p>主讲：张琪</p>
</li>
</ul>
</div>

样式：

.wrap{ margin-top:10px;}
.wrap li{ width:152px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap li p{ color:#666; line-height:22px; text-align:center;}

❹ CSS样式：如何使文字显示在图片下方

图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了。

举例：

img{display:block;}

HTML代码：

<imgsrc="图片路径"/>这里是测试文字，可以在图片下方。

❺ css 如何让图片位于文字的下方，文字在上面图片在文字的下面（图片是一张虚线）而文字右边又有一张图片

这个可以利用border-buttom设置虚线的边框
border-buttom:1px dashed;这样，

效果看这个
http://www.w3school.com.cn/tiy/t.asp?f=csse_border-bottom-style

❻ css.文字怎么才能在图片的右边和下边。如下图：

图片设置：float:left;就可以了。

❼ CSS怎样控制，让文字在图片下方显示

图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了。

❽ 如何编写CSS将文字显示在图片下方

1、比如我在div里面书写了一些文字，然后想要在放入一张图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的。

❾ 在CSS和HTML中,怎样把文字放在图片下面。如图效果：

导航:首页 > 文字图片 > css文字在图片的下方

css文字在图片的下方

与css文字在图片的下方相关的资料