Home  >  Article  >  Web Front-end  >  A brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks

A brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks

高洛峰
高洛峰Original
2017-02-22 11:40:291344browse

The following editor will bring you a brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks. The editor thinks it’s pretty good. Now I’ll share it with you and give it a reference. Let’s follow the editor and take a look.

I’m using bootstrap to develop a website recently. When processing a table, I found that through The viewing style on the PC is normal. When viewing on the mobile phone, due to the small screen, the table is greatly compressed, and the header and data are deformed as shown below

A brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks

I later looked it up online. I found a useful CSS property and added it to solve the problem

A brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks

Record it here.

The above article briefly analyzes the quick solution to the automatic line wrapping of the table header in the responsive framework. This is all the content shared by the editor. I hope it can give you a reference, and I also hope that everyone will support PHP Chinese. net.

For more brief analysis of the quick solution to automatic line wrapping of table headers in responsive frameworks, please pay attention to the PHP Chinese website for related articles!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn