iT邦幫忙

0

詢問製作底線的方式

html html5
anniecat 2020-07-22 11:04:32 ‧ 1829 瀏覽

目前希望在文字內容的下方可以有底線，目前實作了三種方法，但遇到以下困難，請問我還可以怎麼處理呢?
<div> - 若文字超過表格邊界而換行時，只有最後一行會有底線
<u> - 有部分文字下方會沒有底線，造成底線斷斷續續的樣子
<span> - 有部分文字下方會沒有底線，造成底線斷斷續續的樣子

https://ithelp.ithome.com.tw/upload/images/20200722/20115336RJZpUCC1tr.png

登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
listennn08
iT邦高手 5 級 ‧ 2020-07-22 11:35:23
最佳解答

在 .div_td 套用就可以了吧

.div_td {
	text-decoration: underline;
	text-underline-position: under;
}

codepen

anniecat iT邦新手 3 級 ‧ 2020-07-22 11:43:48 檢舉

實作後有達成目標了~謝謝!

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙