Article Introduction: Web page Making tips: Too much data will not affect the layout of the page. |
The rapid development of the Web site, the user interaction experience needs more and more, the Web front-end developers need to consider more, how to control the front end, so that the user data more efficient display.
The goals to be achieved are: the page layout is not affected when there is too much data
Workaround:
1, without affecting the layout of the case , you can choose, the data automatically wrap
A. Set width limits: You can use width values and max-width maximum width values.
B. Content Automatic line: Word-wrap:break-word (Chinese, English sentence, long string of letters can be achieved);
Note the point:Long strings to implement the premise that the width limit must be added directly to the "Text content label."
2, control data beyond a certain range, automatically hidden-through the title value to display all the data information
A. Set width limits: You can use width values and max-width maximum width values.
B. Beyond the scope of the hidden: Overflow:hidden;
3, control data beyond a certain range, automatically hidden, and display ellipsis ...--Display all data information through title value
A. Data not to be changed line: White-space:nowrap;
B. Beyond the scope of the hidden: Overflow:hidden;
C. Show ellipsis: text-overflow:ellipsis;
Work out of the way, can improve their own technology.
Suddenly remembered: The process of learning knowledge:
1, the first is the process of learning basic knowledge
2, followed by repeated practice (no practice, theory is good, can not say that they have learned)
3, finally you can learn, summed up, share to everyone. (Let the one who wants to learn)
Conclusion: Learning is a long-term accumulation, continuous study of a process.
own language organization ability, expression ability is very poor, but hope oneself can improve.
The disadvantage is also obvious: the things you learn, can not express.