这是一个创建于 2378 天前的主题，其中的信息可能已经有所发展或是发生改变。
- css 基础不好,请见谅
- 目标: 自动缩放宽度,不要溢出,不要滚动条
- 问题: 如何写这个 app css, 那把内层管住
内层有 table/img/等等, 还可能是各种格式的,乱写的 width
<div class="app">
<div class="app-1">
<p> 1111111111111111111111111111111111111111111111111 </p>
<img src="http://img.la/999x99">
<table width="999">
<tr>
<td>1111111111111111111111111111111111111111111111111</td>
</tr>
</table>
</div>
<div class="app-2">
...
</div>
</div>
图演示
 |
1
rabbbit 2018-05-28 23:45:33 +08:00  1
溢出的是里边的图片,不是子 div
 如何不让图片溢出? img {max-width: 100%} |
 |
2
1325716640 2018-05-28 23:49:48 +08:00 via Android 1
设置图片宽度 100% 自适应
|
 |
4
wzw OP @1325716640 #2 图片好弄。table 呢？ 有时候编辑器复制来的 table 有自定义宽度的
|
 |
5
summerwar 2018-05-29 07:25:38 +08:00
table 设置个滚动条，超出就出现滚动条，可以拖动看
Google 搜索 "table 溢出" 各种解决方法一大堆，搜索时不带双引号，具体如何解决根据你的需要来定 Google is your friend. |
 |
7
IamJ 2018-05-29 11:05:35 +08:00
针对楼主发的这个例子
1、连续的英文数字字符默认是不会换行的，加上样式 word-break: break-all; 强制换行 2、如果有乱写的 width 属性或者行内样式，可以在自定义样式里加上 !important 覆盖 width 样式 |
 |
8
Mutoo 2018-05-29 11:23:10 +08:00
table 用 scroll-hint.js 做滚动提示
|
Select Language