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文字在圖片的下方相關的資料