把复杂内容讲清楚
居中单栏用稳定的最大宽度保护长文阅读，视线不必横向扫过整块屏幕。
调窄行宽减少每行字数，调宽则适合图表或较短段落；图片与代码可以破栏。
产品与设计 · 页面结构与适配
居中单栏Centered Column
把正文限制在可读行宽内并水平居中，图片与代码按内容需要破栏；大屏留白、小屏留边距。
限宽居中，每行字数才落进可读区间
大屏正文不铺满：用一个最大宽度把每行字数管住，再水平居中、两侧留白。亲手调一调行宽，再对照全屏铺满的反例。
把这篇技术博客正文限宽居中，调整行宽观察每行字数；再切到代码或配图看媒体破栏，对照全屏铺满的反例。
大屏留白大屏留白
每行约 74 字 · 可读区间
判断与下一步：当前正文 680px、每行约 74 字，达到可读区间；对照全屏铺满会超过 120 字——下一步拖宽到 800，看徽章变偏宽。
从面板读出的知识点
刚才的操作里能直接观察到的几条规律。
- 行宽决定每行字数：拖动滑杆，徽章数字随宽度实时变化。
- 可读区间约 60–80 字/行：落进绿区扫读舒适；超过 100 字视线回跳变累。
- 居中 = 左右留白对称：限宽后大屏两侧出现留白，不是把内容贴左。
- 图片和代码可以破栏：切到代码或配图，媒体宽度独立于正文，按内容需要更宽。
- 铺满大屏是反例：全屏铺满后每行 120+ 字，徽章变红、难定位下一行。
什么时候用居中单栏
它不是万能布局，只服务于长文阅读。
博客、说明文、文档正文、教程叙述段——以连续阅读为主的内容。
数据仪表盘、表格、卡片网格、图库、应用主界面——这些需要全宽信息密度，限宽反而浪费空间。
怎么用
从开始到判断的最短路径。
- 正文容器设
max-width约 680px，或按字体落在 60–80 字/行。 margin: 0 auto水平居中；容器加padding: 0 16px保护小屏边距。- 图片、
<pre>、表格用更宽的max-width或独立宽度破栏，不被正文限宽裹住。 - 缩窄视口验收：大屏留白、小屏只留边距，整页不出现横向滚动条。
同一篇文章，只改 max-width
正反例唯一的差别是正文最大宽度；结论是每行字数与可读性。
留白留白
每行约 75 字，扫读舒适；大屏留白对称。
每行 120+ 字，读到行尾已经找不到下一行。
快速自测
要做一个数据仪表盘的大屏主界面，该不该把整体内容限宽到 680px 居中？
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。