怎么使自己的网页在任何分辨率的显示器上都居中显示

Posted 2023-05-01

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么使自己的网页在任何分辨率的显示器上都居中显示相关的知识，希望对你有一定的参考价值。

我是新手用ps切片做的网页
但是发现在宽屏的显示器上不能居中说是要用DIV+css 希望高手帮忙啊··

满屏现在大部分是1024*768，不过为了满足800*600的用户浏览需要，现在的网页大部分做成了居中的，这样在800*600下差不多是满屏的，而在1024*768下是居中的，居中的网页大小一般宽为760-780像素，如果要使网页居中，可在网页代码<html>和</html>之间加入<center></center>即可！参考技术A 让显示器分辨率在800×600的情况下制作网页。然后，打开HTML代码，在网页的<body>后紧加一句<center>，这时在1024×768或更大的分辨率下网页就会居中。
特别要注意的是：你的表格、单元格的宽度单位最好要使用像素单位，而不要用百分比，例如width=760。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。
只要不使用DW的层，并且严格按照下面这段代码规则去做，保证你的网页可以适应任何分辨率，网页始终都是居中的。
<html>
<head></head>
<body topmargin=0 leftmargin=0>
<center>
<table cellspacing cellpadding width=770><tr><td></table>
</body>
</html> 参考技术B 在body里，加上text-align:center;
在div的css样式里加上margin:0 auto 参考技术C DW中选择最顶层的TABLE 100% 选择对齐居中,或者是778*800

你好，移动端怎么使页面不出现滚动条，怎么自适应呢，求指教

关于滚动条：overflow:scroll（这个是出现滚动条，这个属性的其他的选择就是隐藏滚动条的，具体要看你的要求做选择了）;

关于自适应：除了必要的div、或者一些标签必须要求定死，一般手机端为了适应各种分辨率是不会出现定死大小的用百分比的设置宽度（这就是自适应了），举个最简单的例zi

｛

width：96%;

margin: 0 auto;

｝(无论是PC端、还是移动端。都比较推荐用自适应的，当然这些都是死的，人是活的，一些都要随机应变，不能太死脑筋)

来自：求助得到的回答参考技术A 提示：fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~代码：bodybackground-position:center;//背景居中background-repeat:no-repeat;//无重复background-attachment:fixed;//固定不动------------------------------下面的是在html中直接添加的: 参考技术B 这个好说。首先添加一个HScrollBar（水平）或者VscrollBar（垂直）在它的Scroll事件里写（以水平滚动条为例）：privatevoidhScrollBar1_Scroll(objectsender,ScrollEventArgse)panel.Left=hScrollBar1.Width*hScrollBar1.Value/hScrollBar1.Maximum;会看到panel随滑块移动滑块的位置需要自己计算，scrollBar.value/value最大值*宽度或高度，得到的就是滑块相对于scrollbar左边界的位置（水平），或者是相对于scrollbar上边界（垂直）的像素数。之后怎么用随你了。[高质量编程]团队为您答疑解惑，欢迎提出宝贵意见和建议！ 176229432

以上是关于怎么使自己的网页在任何分辨率的显示器上都居中显示的主要内容，如果未能解决你的问题，请参考以下文章

新买的安卓平板电脑显示图片和网页时总是自动拉申至全屏，很难看，怎么设置好它呢