㈠ html css怎麼樣才能把文字放在圖片的正下方
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
<br/>
你啥時候嫁給我,hahahahaahahahahahaah
</div>
</body>
</html>
————————————————
這樣就會能夠將文字放在圖片的正下方，得到以下圖片：
文字位於正右邊的方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
}
.d2{
vertical-align: middle;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
你啥時候嫁給我
</div>
</body>
</html>
㈡ web怎麼把文字調到主體上
在style標簽設置class屬性的樣式。
1、html中調整位置使用css的float屬性。詳細用法首先在html文件中新建兩個div容器，用來方便演示效果，容器中都加入h2標簽，設置不同文字便於區分。
2、div標簽給它在style標簽設置class屬性的樣式，給它高度和寬度以及顏色，h2標簽一個使用float屬性，另一個不使用。這里float標簽的作用可以讓文字居左或者居右顯示，也可以設置為空，最後Crtl＋S保存文件。
3、打開瀏覽器，可以看到兩個div中的文字位置並不相同，設置了float標簽的文字在靠右的位置。以上就是html調整文字位置的方法。