文章詳情頁

css - 如何使一個(gè) inline-block 元素的子元素自動(dòng)填充

瀏覽：129日期：2023-07-19 09:48:01

問題描述

<span>xxx</span><span style='display:inline-block; width: 50%;'>...</span><span>xxx</span>其中，第二個(gè) span 中放了一個(gè) <input> 問：怎么讓 input 自動(dòng)填充滿它上級(jí)的 span ？

問題解答

回答1：

width: 100%

回答2：

子元素display block

CSS

上一條：css3:flex排版問題下一條：css3 讓圖片變成灰色(filter)，但針對(duì)IE11瀏覽器無效

相關(guān)文章：

1. MySQL的聯(lián)合查詢[union]有什么實(shí)際的用處2. 數(shù)組排序，并把排序后的值存入到新數(shù)組中3. mysql 遠(yuǎn)程連接出錯(cuò)10060，我已經(jīng)設(shè)置了任意主機(jī)了。。。4. win10 python3.5 matplotlib使用報(bào)錯(cuò)5. 默認(rèn)輸出類型為json，如何輸出html6. python - pymysql建立連接出錯(cuò)7. mysql怎么表示兩個(gè)字段的差8. python的正則怎么同時(shí)匹配兩個(gè)不同結(jié)果？9. PHP訂單派單系統(tǒng)10. php多任務(wù)倒計(jì)時(shí)求助

排行榜

					
					angular.js - 兩個(gè)direcitve如何獲取值
					1. angular.js - gulp 壓縮后angular報(bào)錯(cuò)問題
					2. PHP訂單派單系統(tǒng)
					3. 數(shù)組排序，并把排序后的值存入到新數(shù)組中
					4. java 中常量的定義方式。
					5. php多任務(wù)倒計(jì)時(shí)求助
					6. 默認(rèn)輸出類型為json，如何輸出html
					7. javascript - 小demo：請(qǐng)教怎么做出類似于水滴不斷擴(kuò)張的效果？
					8. javascript - vue中怎么使用原生js插件
					9. java - spring返回json如何判斷會(huì)返回null還是empty？
					10. 
			熱門標(biāo)簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數(shù)據(jù)庫

					微信

					百度

					

成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

css - 如何使一個(gè) inline-block 元素的子元素自動(dòng)填充