html+css
代碼編纂器：Dreamweaver CS5方式/
1新建一個html文件 ， 定名為test.html ， 用于講解css若何設置默認寬度,然后由內容來主動增添寬度 。
2在test.html文件內 ， 利用div標簽建立一個模塊 ， 在div標簽內 ， 寫上測試的文字 。
3在test.html文件內 ， 設置div的class屬性為erwu ， 本家兒要用于下面經由過程該class來設置css樣式 。
4在test.html文件內 ， 編寫標簽 ， 頁面的css樣式將寫在該標簽內 。
5在css標簽內 ， 經由過程類名erwu來設置div的樣式 ， 利用float屬性設置div的浮動標的目的左 ， 利用height屬性設置div的高度為50px ， 利用border屬性設置div的邊框為1px的灰色邊框 。
6在css標簽內 ， 再利用min-width屬性設置div的最小寬度 ， 例如 ， 設置div的最小寬度為200px 。 當div內的內容較少 ， 不足以撐開200px寬度時 ， div默認為200px ， 當div內的內容較多時 ， 則主動增添寬度 。
7【css如何設置默認寬度,然后由內容來自動增加寬度】在瀏覽器打開test.html文件 ， 查看實現的結果 。
以上內容就是css如何設置默認寬度,然后由內容來自動增加寬度的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何將SRT文件導入PR生成字幕
- qq情侶空間如何設置情侶掛件
- TOTOLINK A1004路由器安裝設置
- 看準網如何免登錄查看隱藏評論
- QQ空間說說怎么設置發表24小時后自動刪除
- 華為Mate30怎么樣設置鎖屏時隱藏手機QQ通知內容
- 華為Mate30手機怎么樣設置鬧鐘
- 紅警3起義時刻如何增加地圖？
- 夏季如何防止冰箱有異味？如何給冰箱除異味？
- 如何更改財務負責人