overflow y屬性,view組件作用?
scroll-view組件用于實現可滾動視圖區域。一般來說,當頁面的高度超過了顯示區域的高度時,先設置外層容器的高度,使之低于內部的高度,然后在外層容器的樣式中設置overflow-y:scroll,就可以實現上下滾動了。
但是這種方式只是從樣式上實現了滾動,如果需要在滾動到頂部或底部時觸發事件,就需要手動編寫代碼來實現了。而scroll-view組件提供了一些屬性來滿足這些需求。
ie6下如何去除html的橫向滾動條?
當我們在css樣式設置為html {overflow-y:auto;}時,在ie7以上版本應用時不會有問題,可是在ie6下就會發現垂直滾動條出現會引起橫向滾動條出現。究其原因是在ie6下,當內容過多出現垂直滾動條時,此時頁面的寬度為其本來寬度加上滾動條的寬度,導致頁面寬度超過100%,而出現橫向滾動條,在ie7+瀏覽器中,會自動的識別滾動條,頁面寬度為內容的寬度加上滾動條的寬度等于100%,而不會出現滾動條,這相當于是ie的滾動條bug(純屬個人見解,不對的地方還請指出,共同學習交流)。
解決上述出現的問題有以下幾個方案
方案一:添加html{overflow-y:hidden;}樣式
這種方案僅僅是把出現的橫向滾動條隱藏了,并沒有解決根本問題,而且還會出現不想要的效果(橫向多余的內容會被隱藏掉),這是一種不好的解決方法。
方案二:添加html{overflow-y:scroll;}
添加這個樣式,當頁面內容超過頁面高度時,會正常的顯示垂直滾動條,而且不會出現橫向滾動條,看起來是我們要的效果;可是頁面內容不足以出現垂直滾動條的時候,我們會發現頁面的右邊會出現一條置灰樣式的滾動條位置,這個看起來并不美觀,不是我們想要的效果。不過最起碼已經開始接近我們想要的效果了,比起第一種解決方案,他的效果還是好的。
方案三:通過jQuery實現
單純的css樣式已經不能滿足我們的需要,通過第二個方案我們可以想到一種比較好的解決方法,我們可以判斷當頁面高度需要垂直滾動條時,把頁面樣式設置為overflow-y:scroll;這樣是不是就會達到我們想要的效果,事實證明完全是ok的,
$(function () { //解決IE6下 頁面出現橫向滾動條 if ($.browser.msie && $.browser.version == "6.0" && $("html")[0].scrollHeight > $("html").height()) $("html").css("overflowY", "scroll");})
以上就是對頁面出現橫向滾動條的解決方法,只是針對我目前遇到的情況,方法肯定還有很多,以后有時間再慢慢補充,,,
(有人說谷歌瀏覽器有相對應的解決方法,時間有限,沒去研究,在此標記下)
轉自:博客園《IE6下出現橫向滾動條問題的解決方案》--魚愛水
20如何讓編輯模式下的div既不會內容外溢?
css里面有個屬性就是讓容器內的文字自動換行的!但是在IE下或者其他瀏覽器中,不能直接識別,所以你要配合overflow 屬性一起使用才能達到效果。你可以試試在你的div的style里面加入:word-wrap:break-word; overflow:hidden;
teradata怎么查看表大?。?/h3>
1,使用傳統的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px;}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上兩種方法可能出現的問題就是,如果內容超過設定,如圖片寬度大于100,會自然撐開,自動調節表格寬度
3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用這種方法,可以把超過的部分隱藏掉,如果需要嚴格控制的話,可以采用這種方法,如果把overflow的屬性值設置成scroll或者auto的話,可以在超過的時候使用滾動條調節