html禁止橫

❶ js怎麼禁止手機html橫向滾動條

html,body同時設為overflow:hidden。

css樣式部分：
.ovfHiden{overflow: hidden;height: 100%;}

jquery部分：
$('html,body').addClass('ovfHiden'); //使網頁不可滾動
$('html,body').removeClass('ovfHiden'); //使網頁恢復可滾動
也可以通過
可以通過樣式overflow-x來控制橫向滾動條的出現與否，語法如下：
overflow-x：<overflow-style>
<overflow-style> = visible | hidden | scroll | auto
默認值：visible
取值：
visible： 不剪切內容。
hidden： 將超出對象寬度的內容進行裁剪，將不出現滾動條。
scroll： 將超出對象寬度的內容進行裁剪，並以滾動條的方式顯示超出的內容。
auto： 在需要時剪切內容並添加滾動條，此為body對象和textarea的默認值。 說明：檢索或設置當對象的內容超過

❷ 如何禁止手機端html5頁面橫屏顯示

不同的瀏覽器有不同的做法，參考如下：
<!-- uc強制豎屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC強制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ強制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC應用模式 -->
<meta name="browsermode" content="application">
<!-- QQ應用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 點擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- 適應移動端end -->
設置橫屏應用得在config裡面設置，網頁是無法做到的

❸ html 5禁用橫屏 orientationchange事件

(function rotate(){
var orientation=window.orientation;
if(orientation==90||orientation==-90){
document.body.style.display='none';
alert("請使用豎屏訪問！");
}
window.onorientationchange=function(){
document.body.style.display="block";
rotate();
};
})()
這只是提示而已,當然可以把樣專式做得屬更好看

❹ div如何使內容強制不換行,用CSS實現!

你好，不使用浮動，使用inline-block就可以處理了：

<divstyle="width:100%;height:50px;white-space:nowrap;overflow:auto;">
<divstyle="display:inline-block;width:25%;">1</div>
<divstyle="display:inline-block;width:25%;">2</div>
<divstyle="display:inline-block;width:25%;">3</div>
<divstyle="display:inline-block;width:25%;">4</div>
<divstyle="display:inline-block;width:25%;">5</div>
</div>

如果要考慮IE6/7，display:inline-block的元素需加上：

*display:inline;
*zoom:1;

希望專是你想要的結果，望點贊屬~~