導航:首頁 > 萬維百科 > 網頁設計超出部分隱藏

網頁設計超出部分隱藏

發布時間:2020-12-20 06:14:09

1、網頁設計:如何讓頁面寬度自適應,並且最寬值不大於1600px,最低不小於800px?求高手答

1.你可以用js去計算在不同的寬度情況下,調用哪一個css,用if去判斷;2.或者也可以設置min-width:800px和max-width:1600px;

2、網頁設計問題:ul內li豎排,當超過4個自動另起一列。

你設置每列的固定寬度,加一個判斷如果大於4列寬乘以2,設置左浮動就行了

3、網頁設計英文字元超出不換行問題?

.div1{ width:450px; min-height:40px; background:#ccc; float:left;word-wrap:break-word; overflow:hidden;}
.div2{ width:216px; min-height:40px; background: #aaa; float:left;word-wrap:break-word; overflow:hidden;}

關鍵代碼:;word-wrap:break-word; overflow:hidden;
和DIV自適應內高容度:min-height:40px;

4、網頁設計中如何讓鏈接在div中縱向排列,當超過div高度時,橫過一列再縱向排列,該如何處理?

如:
<div style="height:200px; width:auto;">
列表內容(如果列表內容的的高度超過了div所設的高度,那他就會自動跳到下一列回)
(你也可以答吧width指點一個具體的數據這樣就OK了)
</div>

5、網頁製作中,文字內容太多,不想全在本頁上顯示,點擊上面「更多」,就能看到全部內容,這個要怎麼做?

用js寫個腳本,展開收起的方式:我把代碼黏上,您可以試試:
【一、代碼部分】
<div id="hutia">
1.即使生氣,還是忍不住關心你,這才是真正愛你的人!
2.愛一個人,其實很簡單。他讓你流淚,讓你失望,盡管這樣,他站在那裡,你還是會走過去牽他的手,不由自主。
3.你拿了自己一生的幸福做賭注,要跟著我,你是這個世界上唯一這樣信任我的人,我怎麼捨得讓你輸。
4.女人只會欺負對她好的男人,因為她知道即使他再委屈也不會離開她。一點點語錄網
5.世界上最美妙的一件事,就是當你擁抱一個你愛的人,他竟然把你抱得更緊。
6.愛你就是,見不到你的時候,心裡有好多話想和你說;你在身邊時,覺得得靜靜地靠近你,即使不說話,也很好。
7.相遇是一種美麗,相識是一種歡心,而相知是一種幸福。
</div>
【二、js部分】
<script type="text/javascript">
(function(){
var o = document.getElementById("hutia");
Subt(o);
})();
function Subt(obj){
var s = obj.innerHTML;
var p = document.createElement("span");
var n = document.createElement("a");
p.innerHTML = s.substring(0,100);
n.innerHTML = s.length > 100 ? "...展開" : "";
n.href = "###";
n.onclick = function(){
if (n.innerHTML == "...展開"){
n.innerHTML = "收起";
p.innerHTML = s;
}else{
n.innerHTML = "...展開";
p.innerHTML = s.substring(0,100);
}
}
obj.innerHTML = "";
obj.appendChild(p);
obj.appendChild(n);
}
</script>

6、HTML網頁設計中嵌套表格可以基層嵌套?最多不要超過幾個嵌套表格比較好?

願意套多少層都行,表格未必載入會慢,相反,DIV的布局,如果不是很精通,反而影響載入速度,另外SEO與你布局方式沒有任何的關系,只不過,表格不是那麼主流而已。

樓上的應該多學學基礎,至少表格布局兼容性要少很多麻煩。

當然,我這么說,並不代表我提倡表格布局,技術總是在向前的。

7、用DW製作的網頁中 表格單元格內容超出部分怎麼隱藏

最好的辦法還是用CSS來處理

8、製作網頁,使用的圖片最好不要超過多小KB?也請告訴我一下如何才能有效的提高網頁打開速度?

一般一張圖片盡量控制在 20KB
1.盡量避開上網高峰期時間,
2.就是升級PC,CPU、內存越快越大.
然而在現有條件下,通過幾種常見的方法,也可相對提高速度
一、操作系統設置
提高XP速度,網頁瀏覽速度自然可以加速。
(1)、擴大虛擬內存
瀏覽窗口多或運行程序多時,系統常常提示虛擬內存不夠,而加大虛擬內存也可適當提高速度。
右擊「我的電腦」-屬性-高級-性能-高級-虛擬內存,盡量設置較高的虛擬內存。同時下載程序或文件時,盡量不要下到C盤,保持C盤較大空間。
(2)、適當設置視覺效果
盡可能設置較少的視覺效果。
右擊「我的電腦」-屬性-高級-性能-視覺效果,一般只需設置「拖拉時顯示窗口內容」、「在窗口和按紐上使用視覺式樣」、「文件夾使用常見式樣」即可。
(3)、停止不必要的後台服務
右擊「我的電腦」-管理-服務和應用程序-服務,對於平時並不需要的一些後台服務(比如fax、不需要遠程協助的有關服務等)都可禁用、停止或設為手動。
(4)、設置適當的「開始」菜單
右擊「任務欄」-屬性-開始菜單-自定義-高級,只需設置「啟用拖放」、「搜索」、「運行」,其它可根據需要設置,這樣可提高開機速度,對XP速度也有提高。
二、IE設置(1)、設置較大的interent臨時文件夾
IE將瀏覽過的網頁保存在interent臨時文件夾中,下次瀏覽時直接從臨時文件夾中提取,這樣速度就快一些,因此只要許可,最好將interent臨時文件夾設為最大。
在IE中單擊工具菜單-interent選項-常規,設置interent臨時文件夾(注意不要將其設在C盤)。
(2)、設置適當的「高級」選項
在IE中單擊工具菜單-interent選項-高級,如有需要盡可能不設視頻、動畫等,可適當提速。
(3)、管理載入項
瀏覽網頁或下載程序時,經常會被載入一些功能在IE中,使瀏覽變慢,因而要檢查載入項並進行管理。
在IE中單擊工具菜單-管理載入項,禁用被載入的項目。
三、網路加速軟體
可以使用一些安全的網路加速軟體,來提高瀏覽速度。
四、病毒、插件清理

9、如何設計網頁寬度自適應屏幕,圖片也自適應大小,但不能超出它的原始大小。

這位網友你好,想要網頁寬度自適應,你需要把網頁元素寬度設置為百分比,還要在網頁頭部加上代碼:

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

圖片自適應,且不超過原始大小,需要設置最大寬度,代碼如下:

img{
  width:100%;
  max-width:100%;
}

10、DIV CSS製作的網頁,設置文字溢出隱藏,但是會出現半截子是怎麼回事

這個是因為你加了overflow:hidden; 這個屬性就是超出的部分不顯示,你可以增加這個標簽的高度,就好了

與網頁設計超出部分隱藏相關的知識