Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how to solve the problem that the last row of text exceeds the DIV frame". In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

In the organization often appear at the end of a row or rows of ink beyond the DIV border.

1. The HTML complete source code is as follows:

CSS5 { border:1px solid #000; width:200px; height:50px;line-height:20px} The last line of text is incomplete or exceeds the span.

2, analysis of the above text font content appears beyond the DIV example is the height of the configuration of the pool, the box height of 50px, css line height of 20px, then three rows of ink will occupy 60px height, but the height is set to 50px, artificial height less than 10px, in the high version of the browser will appear this mode overflow weather.

3, intention method planning at the end of a row revealed performance across the title there are four ways to operate: the first, the height of the total good, the above to typeset three rows of mode, and line-height set equipment layout is 20px, then the height is set to 3 times 20=60px (at least equal to or greater than 60px).

The second kind, remove the height name, if not necessarily DIV box contains a number of content, the easiest door diameter is also the general door diameter is to cancel the height of the DIV setting, so DIV will increase with the model geometry

Third, correct line-height height, if you CSS layout height static, and performance content is also fixed and want to indicate incomplete, only correct css line-height value, this case 50 divided by 3=16.6, then line-height setting equipment integer 16px can design mode overflow static height.

The fourth kind, reduce mode, what emerge here is 3 rows of content, you need to remove only one row, let form show only 2 rows to be able to manage.

"How to solve the problem that the last row of text exceeds the DIV border" is introduced here. Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.