建站
咨詢
售后
建站咨詢
新聞中心
本篇內(nèi)容介紹了“web前端有哪些布局技巧”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
成都創(chuàng)新互聯(lián)公司一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶多一個(gè)朋友！為您提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都網(wǎng)頁(yè)設(shè)計(jì)、微信小程序定制開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、成都app軟件開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來(lái)見證！
1.今天在做一個(gè)頁(yè)面的時(shí)候碰到了箭頭居中的效果：由于想實(shí)現(xiàn)點(diǎn)擊區(qū)域很大所以用了padding-top:23%。但是在計(jì)算23%的時(shí)候出現(xiàn)了問題，經(jīng)過研究發(fā)現(xiàn)：padding-top的百分比是根據(jù)期父元素的width而不是height來(lái)計(jì)算的，很奇怪吧？哪位大牛能給解釋下。
2.某個(gè)層加了浮動(dòng)后又加margin后在ie6下一定會(huì)出現(xiàn)雙倍邊距。----------解決方法是display:inline;（雖然知道，但是每次都忘）。
3.左側(cè)定寬右側(cè)自適應(yīng)+左右定寬中間自適應(yīng)的框架一定要會(huì)運(yùn)用，很多時(shí)候都會(huì)運(yùn)用上，
demo1（左側(cè)定右側(cè)自適應(yīng)）：
代碼如下:
demo2（左右定中間自適應(yīng)）：
代碼如下:
4.在ie6下插入圖片時(shí)候用img標(biāo)簽會(huì)有img下會(huì)有幾個(gè)像素的空白會(huì)導(dǎo)致你跟設(shè)計(jì)稿做的東西不一樣（會(huì)被主管火眼看出來(lái)然后挨罵）---解決辦法是將img變成塊級(jí)元素;display:block;
5.讓文本在塊內(nèi)垂直的方法是:1).vertical-align:middle.2).line-height:***; -------------一般的第二個(gè)比第一個(gè)好用，具體我也不知道為什么。
6.a標(biāo)簽的lvha不是很常用，但是一定會(huì)用:a:link{} a:visited{};a:hover{}a:active{}
7.文本截?cái)嗖粨Q行貌似很常用（這幾天天天用）：white-space:nowrap;overflow:hidden;text-overflow:ellipsis;（換行為：word-wrap:break-word;）
8.清除浮動(dòng)的方法很多，這幾天主要用的三種：1）clear:both;2)overflow:hidden;3).我的指導(dǎo)人最愛用的：#a:after{display:block;clear:both;visibility:hidden;height:0;content'.';}
9.鼠標(biāo)手勢(shì)有的時(shí)候在ie下會(huì)消失，這個(gè)情況這兩天也出現(xiàn)過幾次。----------------解決辦法是corsor:pointer;(注意不能是hand--指導(dǎo)人特別提醒)
10.定義一個(gè)只有2像素的高度的容器的時(shí)候在ie6下會(huì)有bug--解決方法是將各種屬性清零，尤其是font-size:0;height:0;line-height:0;
11.max-width在ie6下會(huì)不起作用---解決辦法是_width:*;(上個(gè)周遇到過這個(gè)問題)
12.!important 規(guī)則--以前從來(lái)沒用過這個(gè)屬性，直到前天主管看我的代碼時(shí)候提醒我在一個(gè)頁(yè)面響應(yīng)式的時(shí)候后來(lái)的width會(huì)覆蓋本身的width:100%;所以要加width:100%!important;
13.清除浮動(dòng)非常非常重要---比如有的時(shí)候容器無(wú)法自適應(yīng)高度你就要用到它的?。。?br/>14.點(diǎn)擊文字的時(shí)候也會(huì)點(diǎn)擊上單選框或者復(fù)選框了比如csdn的這個(gè)功能： 方法是用lable包住單選框或者用lable for“id”。
15.display:none--------消失不占位置。visibility:hidden;--------------消失后占位置。
“web前端有哪些布局技巧”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
網(wǎng)站欄目：web前端有哪些布局技巧
當(dāng)前URL：http://fisionsoft.com.cn/article/jojojs.html
