DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁制作技巧:數據過多時不會影響頁面布局
網頁制作技巧:數據過多時不會影響頁面布局
編輯:CSS進階教程     

著網站的迅速發展,對用戶交互體驗需要也越來越高,web前端開發者需要考慮更多,怎樣通過前端的控制,讓用戶數據更高效的顯示。
要達到的目標是:數據過多時,不會影響頁面布局
解決方法:
1,在不影響布局的情況下,可以選擇,數據自動換行
a.設置寬度限制:可以使用width值和max-width最大寬度值。
b.內容自動換行:word-wrap:break-word(中文,英文語句,長串字母都能實現);
注意點:長串字母實現前提,必須將寬度限制直接添加到“文本內容的標簽”。

2,控制數據超出一定范圍,自動隱藏——通過title值來顯示全部數據信息
a.設置寬度限制:可以使用width值和max-width最大寬度值。
b.超出范圍隱藏:overflow:hidden;

3,控制數據超出一定范圍,自動隱藏,並顯示省略號...——通過title值來顯示全部數據信息
a.數據不換行:white-space:nowrap;
b.超出范圍隱藏:overflow:hidden;
c.顯示省略號:text-overflow:ellipsis;

工作中整理出來的方法,可以提高自己的技術。
突然想起:學習知識的過程:
1,首先是學習基礎知識的過程
2,其次是反復實踐(沒有實踐,理論再好,也不能說自己學到了)
3,最後可以將自己所學,總結出來,分享給大家。(讓想學的人學會)
總結一句話:學習是個長期積累,不斷研究的一個過程。

自己的語言組織能力,表達能力很差,但希望自己可以提高。
缺點也很明顯:自己學到的東西,表達不出來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved