/* ============================================================
 * newscms.shushengweb.cn 详情页正文（.news-text）排版修复
 * 适用页面：http://newscms.shushengweb.cn/ceshi/951.html
 *
 * 修复 1：表格内英文单词不应从中间截断
 *   原内联样式：<td style="word-break: break-all">
 *   改为：默认按词换行，仅当单词太长溢出时才允许断词
 *
 * 修复 2：图标 + 文字的"图文混排"垂直对齐
 *   原内联样式：<img style="float: left; width:20px; height:20px">
 *             <span style="text-wrap-mode: nowrap">
 *   改为：取消 float + nowrap，改成 inline-block + vertical-align:middle，
 *         图标与文字在同一基线居中对齐，长英文也能正常换行
 * ============================================================ */

/* —— 修复 1：表格内英文按词换行 —— */
.news-text table td {
    word-break: normal !important;            /* 覆盖内联 break-all */
    overflow-wrap: break-word !important;     /* 仅当单词过长时断词 */
    word-wrap: break-word !important;         /* 兼容老 Safari */
}

/* —— 修复 2a：去掉小图标的左浮动，改成行内块并垂直居中 —— */
.news-text p > img[style*="float: left"],
.news-text p > img[style*="float:left"] {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    margin-bottom: 2px !important;
}

/* —— 修复 2b：去掉文字段的 nowrap，恢复正常换行 —— */
.news-text p span[style*="text-wrap-mode: nowrap"],
.news-text p span[style*="text-wrap-mode:nowrap"] {
    text-wrap-mode: wrap !important;
    white-space: normal !important;
}

/* —— 兜底：让 .news-text 下所有 p 的图标都按上述方式对齐，
 *    即便用户后续在编辑器里又用了别的浮动写法 —— */
.news-text p {
    line-height: 1.8;
}
.news-text p img {
    vertical-align: middle;
}