導航:首頁 > 萬維百科 > 網頁設計做橫排標題

網頁設計做橫排標題

 發布時間：2020-09-22 01:15:22

1、div css網頁設計中li橫向排列遇到的奇怪問題

代碼我理過了，寫的太想當然了，導致繁雜。

你的問題解決方法也很簡單，要求換行就直接給換行命令就好了：


（ps：要突出種類並換行，直接用換行指令就行了，li裡面再套一個ul完全就是自找麻煩，最簡單分兩<p>+<ul>組合都比這樣寫來的實在。）

2、html網頁製作（視頻類）要入該圖中橫排顯示，源碼該如何編寫

這種排法可以用一個列表的標簽
<ul>
<li></li>
<li></li>

<li></li>

<li></li>

<li></li>

</ul>
然後每個li都讓其浮動起來float:left;就行了！

3、DW8.0網頁設計裡面二級菜單文字是豎排的怎麼弄成橫排啊

這個需要通過CSS來控制；把他的float屬性設為left就可以把豎排的變成橫排的。

4、網頁設計圖片多個圖片橫排的的問題!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
<!--
.aa img {
height: 150px;
width: 115px;
}
.aa li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.aa {
width: 1200px;
height: 200px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>

<body>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
</body>
</html>

這段代碼裡面的圖片路徑改一下，是這種效果嗎？希望也可以幫助到你

5、網頁設計如何讓li橫排並居中顯示

這樣的效果有2種選擇：

使用表格（建議）。

使用css的float屬性。

6、網頁設計時為什麼瀏覽器以縮小橫排的字就被擠到下面去了？

這是瀏覽器自己適應的結果。文字是被裝在類似盒子里的地方的，當瀏覽器縮小以後，相應的盒子也會縮小，文字在裡面擠得慌就到下面去了。這是瀏覽器為了讓你在小屏幕上還可以看見全部的文字做的設計。要想不讓字擠到下面去，只要把對應的盒子設為固定的寬度就行了。
看你的話不像是內行，有啥不懂的代碼問我就行了。

7、html、css製作網頁，橫排導航欄，為什麼加了float:right;還是無法豎直排列呢？ 如圖

你寫的float:left;

而且你這是豎直排列啊。你應該是想要橫向排列吧。

問題出在你第一個選擇器，ul,li中間是逗號，代表並列的意思，所以你後面的屬性是給了ul和li。

ul和li寬度都是80px，li一排就只能放下一個。

逗號改成空格。然後前面加一個

ul { float:left;}

與網頁設計做橫排標題相關的知識