『壹』 html如何讓圖片超過3張之後自動換行,請懂的老師和學長解決問題
外面加一個父DIV,控制div的大小為你三個圖片的寬度,注意,要把兩個圖片之間的縫隙考慮進去,要不就兩個就換行了,滿意請採納
『貳』 在html中,怎麼做到像圖片中的界面排版 (大概就是讓圖片在最左邊,右邊還能分行)
可以用一個最大的div層 包裹住,左邊一個div 左浮動,右邊一個div右浮動,左邊的就是一個logo圖,主要處理在右邊。
右邊的div定義好之後,在細分為上中下,三個大div,最上面的div 可以左右浮動,左邊一個span標簽放定位,右邊可以用 ul li標簽 來進行分配。
中間的div同理。左右div浮動,進行處理
最後的導航用 ul li 實現。如圖只是做了一個大體的框架,具體實現需要做一些調整。附上效果圖,源碼
『叄』 作業需要,HTML圖片和文字直接怎麼換行,圖片可以居中么
HTML中加<br>標簽進行換行,圖片居中可用CSS來控制,text-align設為center
『肆』 html+css實現橫排顯示一系列圖片,超出框格的自動換到下一行
因為你用的模板,傳的是一個array,每循環一次生成一個DIV,所以要把循環開始<!-- BEGIN nameArr.Name -->放在<div class = "userList">前面,改成這樣
========================================
html:
<div class="showUser">
<fieldset>
<legend>俱樂部成員</legend>
<!-- BEGIN nameArr.Name -->
<div class = "userList">
<p></p>
<p><a href="./index.php?id={uid}">{userName}</a></p>
<!-- IF avatar = "" -->
<p><a href="./index.php?id={uid}" ><img src = "/team5/v0.6/upload/_static/picture/avatar/default.jpg"></a></p>
<!-- ELSE -->
<p><a href="./index.php?id={uid}" ><img src = "/team5/v0.6/upload/_static/picture/avatar/{avatar}"></a></p>
<!-- ENDIF -->
</div>
<!-- END nameArr.Name -->
</fieldset>
<div class="clear"></div>
</div>
==========================================
css:
.showUser{
width:780px;
padding:10px;
}
.showUser legend {
margin-bottom:20px;
font-size:200%;
}
.userList{
margin-bottom:5px;
word-break:break-all;
word-wrap:break-word;
float:left;
}
.userList img {
margin:5px 19.5px;
border:4px solid #d7e1ed;
display:block;
}
.userList a {
margin:5px 19.5px;
color:#444;
text-decoration:none;
}
.userList a:hover {
color:#888;
text-decoration:none;
}
===========================================
function getName()
{
global $DB,$mysql_prefix;
$nameArr = array();
$con = mysql_connect("localhost", "root", "admin");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
$db_selected = mysql_select_db("micblog",$con);
$sql = "SELECT `UID`, `AVATAR`, `USERNAME` FROM `WEIQU_USERINFO`";
$result = mysql_query($sql,$con);
while($Re = mysql_fetch_array($result))
{
$nameArr[] = array(
"uid" => strip_tags($Re['UID']),
"userName" => strip_tags($Re['USERNAME']),
"avatar" => strip_tags($Re['AVATAR']),
);
}
$return['Name'] = $nameArr;
return $return;
}
『伍』 html如何換行
「br」作為英文是「barter rabbet」的縮寫,有「換行」的意思。在html中作為標簽也是起到換行的作用,我們一起來看看它的具體用法吧!
一、<br>標簽定義及用法
在html中,<br>標簽是使用來插入一個換行符,它是一個空標簽(沒有元素內容),有的人還叫它單標簽(沒有結束標簽)。
<br>標簽有三種寫法都不會報錯,即<br>、</br>、<br/>這三種寫法。在xhtml中,像<br>類似的單標簽都需要使用「/」來自身關閉,如:<br/>,是沒有</br>這樣的寫法的,但是在html中這樣寫也是不會報錯的。雖然這三種寫法都可以,但是建議寫成<br>或者<br/>更嚴謹。
如果是在xhtml中就必須寫成<br/>或者<br></br>。
二、語法格式
<br>或者<br/>
說明:<br>標簽的作用就是在該處插入換行符,該標簽後的內容將從下一行開始。
三、實例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html<br>標簽換行符詳細介紹</title></head><body bgcolor="burlywood"><p>我是一個段落。<br>我是一個段落。<br/>我是一個段落。</p></body></html>
運行結果:
關於<br>標簽比較簡單,在這就不過多的介紹了。
『陸』 HTML如何換行
HTML換行的方式有多種。
『柒』 html換行
這頁面使用了DIV+CSS編輯模式,可以將要換行的圖片部分的代碼放入<div></div>標簽內,寫法如下:
<div class="">
<h2></h2>
……
</div>
設置個class的名稱,然後同時編輯css單獨文件內代碼控制樣式。
『捌』 html文字遇到圖片如何強制換行
把文字或圖片任意一個變成塊級元素就可以。不信你試試。具體方法五花八門,但這個是原理。當然也可以使用<br/>這個標簽本身就是換行的意思
『玖』 html 語言中 如何換行
淘寶助理的軟體本身有問題,在顯示HTML時就會出現這種情況,其實這類軟體都是這樣的,例如網路的也是。
建議是用其它的軟體修改好代碼後直接復制到淘寶助理,在淘寶助理上修改HTML確實是很困難的,我一般就是用Dreamweaver,有代碼自動提示功能,不過軟體比較大,windows自帶的記事本也很方便。
另外,淘寶好像不能在寶貝描述里加入javascript的內容,就是
這段:<SCRIPT>
...
</SCRIPT>
用HTML的標簽應該也能達到差不多的效果。
<MARQUEE scrollAmount=2 behavior=alternate>
<IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/gfjs.gif"><IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/bxtt.gif"><IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/bzjd.gif"><IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/gfjs.gif"><IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/bxtt.gif"><IMG src="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/bzjd.gif">
</MARQUEE>
你可以試試。
『拾』 html 怎樣讓一個頁面的文本顯示格式與另外一個一樣 就像這樣圖一可以換行!
使用CSS(層疊樣式表),樣式文件不變,HTML結構的ID和Class屬性一樣。