可能原因:
對中文換行的樣式 沒有特別處理
原始程式:
css 位置:http://depart.moe.edu.tw/ED2700/css/detail.css
/* line 254, ../sass/_page_news_list.scss */
.data_midlle_news_box01 dl dd {
display: inline-block;
margin: 3px 0;
}
建議修改:
/* line 254, ../sass/_page_news_list.scss */
.data_midlle_news_box01 dl dd {
display: inline-block;
margin: 3px 0;
word-break: keep-all;
}
補充:修改後的版面如下
可能原因:
HTML 並沒有正確被修改
原始程式:
<div style="display:block; width:98%;"><p><strong>數位學習科</strong></p>
<table border="1" cellpadding="0" cellspacing="0" style="width:100.0%;" width="100%">
<tbody>
<tr>
<td style="width:30.7%;height:34px;">
<p align="center"><strong>姓名(職稱)</strong></p>
<p align="center"><strong>分機</strong></p>
</td>
<td style="width:69.3%;height:34px;">
<p align="center"><strong>業務職掌</strong></p>
</td>
</tr>
<tr>
<td style="width:30.7%;height:22px;">
<p align="center">許雅芬</p>
<p align="center">(系統分析師兼科務長)</p>
<p align="center">分機9063</p>
<p align="center">代(葉晉華、蔡悰安)</p>
</td>
<td style="width:69.3%;height:22px;">
<ul>
<li>綜理科務</li>
<li>本科業務推展協調與督導事宜</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:109px;">
<p align="center">葉晉華</p>
<p align="center">(工程師)</p>
<p align="center">分機9052</p>
<p align="center">代(黃燕如、許雅婷)</p>
</td>
<td style="width:69.3%;height:109px;">
<ul>
<li>數位學習統整規劃</li>
<li>數位學習現況研析</li>
<li>教育雲端應用及服務推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:116px;">
<p align="center">蔡悰安</p>
<p align="center">(工程師)</p>
<p align="center">分機9061</p>
<p align="center">代(游淑卿、彭雅婷)</p>
</td>
<td style="width:69.3%;height:116px;">
<ul>
<li>偏鄉數位應用推動計畫推動</li>
<li>數位機會中心經營與維運</li>
<li>數位學伴計畫推動</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:62px;">
<p align="center">黃燕如</p>
<p align="center">(資料管理師)</p>
<p align="center">分機9053</p>
<p align="center">代(許雅婷、葉晉華)</p>
</td>
<td style="width:69.3%;height:62px;">
<ul>
<li>教育雲端應用及服務推廣</li>
<li>高中職數位教材發展與推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:107px;">
<p align="center">劉玉珍</p>
<p align="center">(管理師)</p>
<p align="center">分機9039</p>
<p align="center">代(李莉萍、黃怡儒)</p>
</td>
<td style="width:69.3%;height:107px;">
<ul>
<li>中小學資訊素養與倫理推廣</li>
<li>全民資通安全素養推廣</li>
<li>各級學生安全健康上網推動</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:62px;">
<p align="center">許雅婷</p>
<p align="center">(管理師)</p>
<p align="center">分機9059</p>
<p align="center">代(黃燕如、江侑霖)</p>
</td>
<td style="width:69.3%;height:62px;">
<ul>
<li>教育雲端應用及服務推廣</li>
<li>教育雲策略聯盟</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:11px;">
<p align="center">尤景來</p>
<p align="center">(資料管制員)</p>
<p align="center">分機9070</p>
<p align="center">代(李莉萍、葉晉華)</p>
</td>
<td style="width:69.3%;height:11px;">
<ul>
<li>資訊教育推廣活動</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:62px;">
<p align="center">李莉萍</p>
<p align="center">(資料管制員)</p>
<p align="center">分機9042</p>
<p align="center">代(劉玉珍、蔡悰安)</p>
</td>
<td style="width:69.3%;height:62px;">
<ul>
<li>數位學伴推動</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:62px;">
<p align="center">黃怡儒</p>
<p align="center">(資料管制員)</p>
<p align="center">分機9095</p>
<p align="center">代(張嘉文、江侑霖)</p>
</td>
<td style="width:69.3%;height:62px;">
<ul>
<li>校長及教師資訊知能培訓</li>
<li>資訊科技融入教學創新應用與推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:62px;">
<p align="center">張嘉文</p>
<p align="center">(資料管制員)</p>
<p align="center">分機9016</p>
<p align="center">代(黃怡儒、楊知諺)</p>
</td>
<td style="width:69.3%;height:62px;">
<ul>
<li>國中小行動學習推廣與應用</li>
<li>教學應用資訊科技特色推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:90px;">
<p align="center">楊語承</p>
<p align="center">分機9071</p>
<p align="center">代(游淑卿、李佳芳)</p>
</td>
<td style="width:69.3%;height:90px;">
<ul>
<li>資訊志工服務與經營</li>
<li>數位機會中心經營與維運</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:93px;">
<p align="center">彭雅婷</p>
<p align="center">分機9073</p>
<p align="center">代(李佳芳、游淑卿)</p>
</td>
<td style="width:69.3%;height:93px;">
<ul>
<li>企業捐贈資源推動</li>
<li>數位機會中心經營與維運</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:84px;">
<p align="center">游淑卿</p>
<p align="center">分機9072</p>
<p align="center">代(楊語承、蔡悰安)</p>
</td>
<td style="width:69.3%;height:84px;">
<ul>
<li>數位機會中心網站營運</li>
<li>數位機會中心經營與維運</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:114px;">
<p align="center">李佳芳</p>
<p align="center">分機9065</p>
<p align="center">代(彭雅婷、楊語承)</p>
</td>
<td style="width:69.3%;height:114px;">
<ul>
<li>校園4G創新應用服務推廣與應用</li>
<li>數位機會中心經營與維運</li>
<li>自由軟體應用與推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:84px;">
<p align="center">陳旭閔</p>
<p align="center">分機9049</p>
<p align="center">代(楊知諺、張嘉文)</p>
</td>
<td style="width:69.3%;height:84px;">
<ul>
<li>教育雲端應用及服務推廣</li>
<li>高中職行動學習推廣與應用</li>
<li>資安內部稽核</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:90px;">
<p align="center">楊知諺</p>
<p align="center">分機9075</p>
<p align="center">代(陳旭閔、張嘉文)</p>
</td>
<td style="width:69.3%;height:90px;">
<ul>
<li>國中小行動學習推廣與應用</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
<tr>
<td style="width:30.7%;height:90px;">
<p align="center">江侑霖</p>
<p align="center">分機9068</p>
<p align="center">代(許雅婷、黃怡儒)</p>
</td>
<td style="width:69.3%;height:90px;">
<ul>
<li>國中小運算思維推動</li>
<li>國中小校園數位應用與推廣</li>
<li>其他交辦事項</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
建議修改:
<div style="display:block; width:98%;">
<div class="contact contact02 previous">
<h5>【數位學習科】:</h5>
<table border="0" cellpadding="0" cellspacing="0" summary="主要編寫表格" width="100%">
<tbody>
<tr class="title_bg">
<th width="20%">姓名(職稱)
<br> 分機
</th>
<th width="80%">業務職掌</th>
</tr>
<tr>
<td align="left">
<p>許雅芬 (系統分析師兼科務長)
<br> (02)7712-9063
<br> 代 (葉晉華、蔡悰安)
</p>
</td>
<td align="left">
一、綜理科務
<br> 二、本科業務推展協調與督導事宜
</td>
</tr>
<tr>
<td align="left">
<p>葉晉華 (工程師)
<br> (02)7712-9052
<br> 代 (黃燕如、許雅婷)
</p>
</td>
<td align="left">一、數位學習統整規劃
<br> 二、數位學習現況研析
<br> 三、教育雲端應用及服務推廣
<br> 四、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>蔡悰安 (工程師)
<br> (02)7712-9061
<br> 代 (游淑卿、彭雅婷)
</p>
</td>
<td align="left">一、偏鄉數位應用推動計畫推動
<br> 二、數位機會中心經營與維運
<br> 三、數位學伴計畫推動
<br> 四、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>黃燕如 (資料管理師)
<br> (02)7712-9053
<br> 代 (許雅婷、葉晉華)
</p>
</td>
<td align="left">一、教育雲端應用及服務推廣
<br> 二、高中職數位教材發展與推廣
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>劉玉珍 (管理師)
<br> (02)7712-9039
<br> 代 (李莉萍、黃怡儒)
</p>
</td>
<td align="left">一、中小學資訊素養與倫理推廣
<br> 二、全民資通安全素養推廣
<br> 三、各級學生安全健康上網推動
<br> 四、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>許雅婷 (管理師)
<br> (02)7712-9059
<br> 代 (黃燕如、江侑霖)
</p>
</td>
<td align="left">一、教育雲端應用及服務推廣
<br> 二、教育雲策略聯盟
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>尤景來 (資料管制員)
<br> (02)7712-9070
<br> 代 (李莉萍、葉晉華)
</p>
</td>
<td align="left">一、資訊教育推廣活動
<br> 二、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>李莉萍 (資料管制員)
<br> (02)7712-9042
<br> 代 (劉玉珍、蔡悰安)
</p>
</td>
<td align="left">一、數位學伴推動
<br> 二、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>黃怡儒 (資料管制員)
<br> (02)7712-9095
<br> 代 (張嘉文、江侑霖)
</p>
</td>
<td align="left">一、校長及教師資訊知能培訓
<br> 二、資訊科技融入教學創新應用與推廣
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>張嘉文 (資料管制員)
<br> (02)7712-9016
<br> 代 (黃怡儒、楊知諺)
</p>
</td>
<td align="left">一、國中小行動學習推廣與應用
<br> 二、教學應用資訊科技特色推廣
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>楊語承
<br> (02)7712-9071
<br> 代 (游淑卿、李佳芳)</p>
</td>
<td align="left">一、資訊志工服務與經營
<br> 二、數位機會中心經營與維運
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>彭雅婷
<br> (02)7712-9073
<br> 代 (李佳芳、游淑卿)
</p>
</td>
<td align="left">一、企業捐贈資源推動
<br> 二、數位機會中心經營與維運
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>游淑卿
<br> (02)7712-9072
<br> 代 (楊語承、蔡悰安)
</p>
</td>
<td align="left">一、數位機會中心網站營運
<br> 二、數位機會中心經營與維運
<br> 三、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>李佳芳
<br> (02)7712-9065
<br> 代 (彭雅婷、楊語承)
</p>
</td>
<td align="left">一、校園4G創新應用服務推廣與應用
<br> 二、數位機會中心經營與維運
<br> 三、自由軟體應用與推廣
<br> 四、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>陳旭閔
<br>(02)7712-9049
<br> 代 (楊知諺、張嘉文)
</p>
</td>
<td align="left">一、教育雲端應用及服務推廣
<br> 二、高中職行動學習推廣與應用
<br> 三、資安內部稽核
<br> 四、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>楊知諺
<br> (02)7712-9075
<br> 代 (陳旭閔、張嘉文)
</p>
</td>
<td align="left">一、國中小行動學習推廣與應用
<br> 二、其他交辦事項
</td>
</tr>
<tr>
<td align="left">
<p>江侑霖
<br> (02)7712-9068
<br> 代 (許雅婷、黃怡儒)
</p>
</td>
<td align="left">一、國中小運算思維推動
<br> 二、國中小校園數位應用與推廣
<br> 三、其他交辦事項
</td>
</tr>
</tbody>
</table>
</div>
</div>
補充:修改後的版面如下