Home >Web Front-end >HTML Tutorial >In a responsive framework, how to deal with automatic line wrapping of table headers

In a responsive framework, how to deal with automatic line wrapping of table headers

php中世界最好的语言
php中世界最好的语言Original
2018-01-23 11:19:522665browse

This time I will show you how to handle the automatic line wrapping of the table header in the responsive framework. In the responsive framework, what are the things to pay attention to when handling the automatic line wrapping of the table header?The following are Let’s take a look at practical cases.

Recently I am using

bootstrap to develop a website. When processing a table, I found that the style is normal when viewed on the PC. When viewed on a mobile phone, because the screen is small, TableIt was compressed so much that the header and data were deformed as shown below

In a responsive framework, how to deal with automatic line wrapping of table headers

After searching online, I found a useful CSS

attribute, add This problem can be solved by going to

In a responsive framework, how to deal with automatic line wrapping of table headers

I believe you have mastered the method after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How should the HTML table be laid out?

How to change the text of the click button into the input box, click The effect of saving it into text

What is the difference between class and id when marking HTML elements

The above is the detailed content of In a responsive framework, how to deal with automatic line wrapping of table headers. For more information, please follow other related articles on the PHP Chinese website!

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