请问如何给HTML网页增加横向滚动轴

来源：百度知道 编辑：UC知道 时间：2024/05/25 06:44:42
当下面的代码编译成HTML网页 把浏览器横向缩短时 边框长度会变短 文字会自动换行 而且也不出现横向滚动轴

我的问题：
1.怎么才能实现横向长度不够时自动出现滚动轴？
2.怎么才能实现横向长度不够时边框的宽度固定不变？
3.怎么才能实现横向长度不够时文字不自动换行？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS border-width 属性示例</title>
<style type="text/css" media="all">
div#thin
{
border-width: thin;
}

div#medium
{
border-width: medium;
}

div#thick
{
border-width: thick;
}

div
{
border-style:solid;
margin:10px;
}
</style><

<div id="thin" style="overflow:scroll;overflow-y:hidden">细边框 border-width: thin;</div>
<div id="medium" style="width:200px;">宽度适中的边框 border-width: medium;</div>
<div id="thick" style="overflow:hidden;"><nobr>粗边框 border-width: thick;</nobr></div>

第一个层实现横向滚动条。
第二个层加个固定宽度，即可
第三个层，两个方法1，使用第一个层里的横向滚动条可以实现，第二个方法见上面第三个层的演示。

-------------------
有疑问可发站内消息

v id="thin" style="overflow:scroll;overflow-y:hidden">细边框 border-width: thin;</div>
<div id="medium" style="width:200px;">宽度适中的边框 border-width: medium;</div>
<div id="thick" style="overflow:hidden;"><nobr>粗边框 border-width: thick;</nobr></div>