第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

關(guān)于用div實(shí)現(xiàn)的placeholder的不足?

關(guān)于用div實(shí)現(xiàn)的placeholder的不足?

心有法竹 2018-09-14 13:12:08
現(xiàn)在很多網(wǎng)站比如知乎的評(píng)論功能都是用div而不是textarea。但如果我按照下面這樣做的話,會(huì)存在鼠標(biāo)不會(huì)像真正的placeholder那樣和文字對(duì)齊的情況。請(qǐng)問知乎是怎么實(shí)現(xiàn)的,怎樣避免出現(xiàn)我這種情況?Stackoverflow上面一個(gè)類似的問題,line-height:normal也解決不了問題<!DOCTYPE html><html><head>  <meta charset="utf-8">  <style>    div {        width:600px;        border: 1px solid red;        // line-height: normal;        line-height: 200%;        padding-left: 5px;    }            div:empty:before {        content: attr(placeholder);        display: block;        color: #999;    }  </style></head><body>  <div contenteditable="true" placeholder="輸入用戶名"></div></body></html>
查看完整描述

1 回答

?
ABOUTYOU

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

看了下stackoverflow的答案,line-height: normal;確實(shí)可以解決此問題。去掉line-height:200%。
如果你想擠開邊距,使用padding或者規(guī)定一個(gè)較大的高度

查看完整回答
反對(duì) 回復(fù) 2018-10-31
  • 1 回答
  • 0 關(guān)注
  • 1043 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)