<style>
.mattr{
visibility: hidden;
}

</style>

<div class="auto-height-based-on-lines" data-max-lines="22" style="line-height: 1.5em; overflow: hidden;">
<p><strong>職稱：</strong>組員</p>

<p><strong>分機：</strong>2338</p>

<p><strong>Email：</strong><a href="mailto:harryqwe@gm.hfu.edu.tw">harryqwe@gm.hfu.edu.tw</a></p>

<p><strong>成員執掌：</strong></p>

<p><meta charset="UTF-8" /></p>

<ol>
<li>辦理特色人才養成計畫相關事宜(輔導窗口)。</li>
<li>辦理職涯發展相關講座及工作坊。</li>
<li>志工輔導及相關服務學習活動推動。</li>
<li>運動性及部分社團輔導。</li>
<li>辦理校慶園遊會相關事宜。</li>
<li>輔導學生參加全國學生會成果展。</li>
<li>職涯發展中心公文辦理及檔本整理。</li>
<li>辦理校慶園遊會等相關活動。</li>
<li>課外活動組社群媒體之經營與管理。</li>
<li>其他臨時交辦事項。</li>
</ol>

</div>
<script>
window.addEventListener('DOMContentLoaded', () => {
const elements = document.querySelectorAll('.auto-height-based-on-lines');

elements.forEach(el => {
const maxLines = parseInt(el.getAttribute('data-max-lines'), 10) || 3; // 預設3行
const lineHeight = parseFloat(getComputedStyle(el).lineHeight);

el.style.maxHeight = 'none'; // 先解除限制，取得 scrollHeight
const lines = Math.round(el.scrollHeight / lineHeight);

if (lines <= maxLines) {
el.style.height = `${lineHeight * maxLines}px`;
} else {
el.style.height = 'auto';
}
});
});
</script>