iT邦幫忙

0

詢問製作底線的方式

  • 分享至 

  • xImage

目前希望在文字內容的下方可以有底線,目前實作了三種方法,但遇到以下困難,請問我還可以怎麼處理呢?
<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 檢舉

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

我要發表回答

立即登入回答