国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

小程序input的placeholder不垂直居中的問題解決

這篇具有很好參考價值的文章主要介紹了小程序input的placeholder不垂直居中的問題解決。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

input的placeholder不垂直居中,input設置高度后,使用line-height只能使輸入的文字垂直居中,但是placeholder不會居中,反而會偏上。

  1. 首先placeholder樣式自定義

有兩種方法,第一種行內樣式:

<input type="text" placeholder="姓名" placeholder-style="font-size:28rpx;color:#999999;" />

第二種加類名:
給input加上placeholder-class屬性,然后給該屬性 設置一個類名,在style中設置樣式。

<input  type="text"  placeholder="地址" placeholder-class="address"/>
 <style>
 	.address{
		color: red;
	}
 </style>

placeholder的字體顏色都能改變,但是仍然不會在input框里垂直居中,一直偏上,查了很多方法都不管用,比如:

小程序input的placeholder不垂直居中的問題解決,小程序

比如:

小程序input的placeholder不垂直居中的問題解決,小程序
能垂直居中是能,但是input框變得沒有內邊距了,很不好看。

  1. 最后找到解決辦法了:

在placeholder上增加pandding-top,把提示文字頂下來

參考:IOS下input的placeholder不垂直居中的問題
文章來源地址http://www.zghlxwxcb.cn/news/detail-675147.html

到了這里,關于小程序input的placeholder不垂直居中的問題解決的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 微信小程序input的placeholder脫離文檔流

    微信小程序input的placeholder脫離文檔流

    今天進行真機調試時input的提示詞 placeholder脫離了文檔流,但是奇怪的是input框沒有脫離文檔流 如下圖所示: 微信開發(fā)工具正常:? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?真機: 不正常 脫離文檔流 ? ? ? ? ? ? ? 解決方法: ?css 加上定位 ?效果: 這里記錄一下 ?

    2024年02月16日
    瀏覽(55)
  • 小程序中修改input的placeholder字體顏色樣式

    3. wxss 示例

    2024年03月25日
    瀏覽(33)
  • 微信小程序設置input框placeholder的字體大小

    微信小程序設置input框placeholder的字體大小

    給input框綁定?placeholder-class=\\\"placeholder-style\\\"這個屬性。 綁定屬性 ? ?設置樣式 ?

    2024年02月16日
    瀏覽(28)
  • 微信小程序布局圖片上面顯示文字以及文字水平垂直居中

    微信小程序布局圖片上面顯示文字以及文字水平垂直居中

    ?博主介紹: 本人專注于Android/java/數(shù)據(jù)庫/微信小程序技術領域的開發(fā),以及有好幾年的計算機畢業(yè)設計方面的實戰(zhàn)開發(fā)經驗和技術積累;尤其是在安卓(Android)的app的開發(fā)和微信小程序的開發(fā),很是熟悉和了解;本人也是多年的Android開發(fā)人員;希望我發(fā)布的此篇文件可以幫

    2024年02月14日
    瀏覽(24)
  • el-icon不垂直居中,與文字不對齊的解決策略

    el-icon不垂直居中,與文字不對齊的解決策略

    我們在使用el-cion的時候,渲染出來之后它是一個i包裹著一個svg的,默認不會垂直居中,就會與文字形成偏移 ? 居中的策略: 1、將外層div設置為display:flex,設置垂直居中 2、將el-icon設置一個size,大概和文字一樣大即可 最終實現(xiàn)的效果:成功垂直居中,與文字對齊

    2024年02月12日
    瀏覽(74)
  • 【微信小程序】解決text標簽文字不居中問題

    【微信小程序】解決text標簽文字不居中問題

    我在text標簽上的view父標簽中寫了smbox樣式,也就是說text標簽會繼承text-align這個屬性 但是Python啊Django啊三個字以上的文字要不就是超出格子,要不就掉到下一行了。怎么看都不舒服。 在text標簽中添加 margin:-150rpx 就能將以上的文字調整到中間 上面在text標簽中寫了text-align也試

    2024年02月11日
    瀏覽(34)
  • 【小程序】input輸入框屬性及上下左右居中的示例(圖文+代碼)

    【小程序】input輸入框屬性及上下左右居中的示例(圖文+代碼)

    屬性 功能 示例 placeholder 輸入框空時,提示文字? placeholder=“請輸入用戶名” placeholder-style 輸入框,提示文字的樣式 placeholder-style= \\\"color:rgb(170,170,170); margin-left:?20px;\\\" placeholder-class placeholder 的樣式類 用class樣式修改 cursor-spacing 指定的光標與彈出鍵盤的距離 cursor-spacing=\\\"50\\\" t

    2024年02月15日
    瀏覽(18)
  • CSS實現(xiàn)盒子模型水平居中、垂直居中、水平垂直居中的多種方法

    水平居中效果圖 水平居中 全局樣式 第一種:margin+width 這種方法適用于已經知道width的盒子,實現(xiàn)起來比較簡單 第二種:text-align+inline-block 這種方法適用于多種場景(width不固定) 第三種:float+position 這種方法適用于多種場景(width不固定) 第四種: 這種方法適用于多種場

    2024年02月09日
    瀏覽(19)
  • 居中一個元素(水平+垂直居中)

    我們的示例代碼全在此基礎上修改: 具體原理參考下面這篇博客: flex 彈性布局_本郡主是喵的博客-CSDN博客 對于內容是 行內式元素(內容大小撐起標簽寬高)或文字, 是有效的。 line-heignt ==?height ,能使文字垂直對齊,text-align:center,能使內容居中水平對齊 父元素,采用相對布局,

    2024年02月11日
    瀏覽(30)
  • 水平居中、垂直居中的幾種方法

    ① 若是針對inline, 內聯(lián)塊inline-block, 內聯(lián)表inline-table, inline-flex元素及img,span,button等元素 父元素設置? text-align:center; 或者用絕對定位、彈性布局、grid網(wǎng)格布局實現(xiàn); ② 不定寬塊狀元素 設置? margin:0 auto; 或者用絕對定位、彈性布局、grid網(wǎng)格布局、table表布局實現(xiàn); grid網(wǎng)格布

    2023年04月19日
    瀏覽(22)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包