Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 响应式框架中，table表头自动换行的解决办法_html/css_WEB-ITnose

响应式框架中，table表头自动换行的解决办法_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:19:52
Original
1276 people have browsed it

最近在用bootstrap开发网站，在处理一张table的时候发现，通过PC端查看样式正常，在手机上查看时，因为屏幕小，表格被压缩的厉害，表头和数据变形如下图

后来网上找了一下，发现一个好用的CSS属性，加上就可以解决该问题   style="word-break: keep-all"

在此记录一下。

Related labels：
响应式框架中，table表头自动换行的解决办法
source：php.cn
Previous article：CSS选择器的一些记录_html/css_WEB-ITnose Next article：css文字环绕图片遇到的问题及解决方法_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2187
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2334
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1962
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1846
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1900
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template