html - 如何为所有人类可读文本设置最大宽度(不适用于表格 &ct)

标签 html css

一般来说,我尽量避免使用任何样式表之类的东西。但是坚持固定布局是有原因的。这是要阅读的文本行的最大宽度。超过一定数量字符的行对人类来说是不可读的。

仍然,所有浏览器和 W3C 文档中的最大宽度默认为实际显示的宽度。当解释性文本和非常大的表格显示在 同一个浏览器窗口。您已将浏览器全屏显示(许多浏览器中为 f11),现在您无法再阅读说明文字...

表示 <p> 的最小方式是什么?以及出现简单 float 文本的所有其他地方都设置为最大宽度?目前我有 p { max-width: 70ex; }但还有很多其他地方,例如 <li>

最佳答案

你可以这样做:

a, address, blockquote, caption, cite, code, dd, del,
dfn, li, p, pre, q, td, textarea, th, tt { max-width: 70ex }

没有任何 div 是故意的,否则它可能会弄乱您的网站。这就是为什么我可能会做类似的事情:

.humanText { max-width: 70ex }

并将该类放入您的 html 标记中

关于html - 如何为所有人类可读文本设置最大宽度(不适用于表格 &ct),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6178592/

相关文章:

javascript - jQuery 忽略响应

html - 自动换行 :break-all not working as expected in IE

css - Symfony 2.7 + Sass + Assetic : Styles not applied/visible when using app_dev. php

css - 定位和调整大小的问题

jquery - youtube chromeless缩放播放器

html - 需要帮助才能完成下拉菜单,以便仅在单击时激活。 (HTML 和 CSS)

javascript - 无法将文本分配给在 javascript 中新创建的页面中的 div

css - 将 react 组件居中不起作用

javascript - 如何对多个div使用jquery-scrollTo

css - IE/Firefox/Opera 没有获取样式表 - Webkit 可以