请输入关键字
2020-10 29

网页设计中表格及层排版时容易出现的问题及解决方法

通过合理的、有新意的页面布局,特别是主页设计,才可以将网页的内容完美地呈现在浏览者面前。表格及层排版是网页设计中的重要排版方式,在这过程中都会遇到哪些问题呢?又该如何解决呢?


4秒建站,专业网站建设、网站设计公司,今天和您分享!


1. 整体表格排版出现的问题


有很多人在网页中用表格排版时习惯使用一个大表格,然后在大表格中嵌入一个个小表格,认为这保持了排版的整体性,其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担,使得页面呈现的时间大大加长,使访问者会失去等待的耐心而放弃浏览这个网页。解决的方法是:拆分表格,将大表格化整为零,把表格打散,并要尽可能地避免表格的层层嵌套。注意,拆分后的表格的宽度要设置为相等,这样表格的排版效果和拆分前相比并没有改变,在浏览器中呈现时,页面会从上至下一个个表格呈现出来,明显加快了页面打开的速度。


2. 层排版出现位置偏差

在页面中使用表格和层混合排版时,先加入表格进行页面的整体布局,然后在局部加入层。通常情况下,层加入到页面中之后是游离在表格之上的,它虽然移动方便,但在页面中的位置是固定的,由于表格的宽度是固定像素,设置在窗口中居中显示,所以当窗口变大时,表格会产生一个相对位移,但是层却还在原位,没有跟着相对位移,因而出现层与表格中其他内容位置上的偏差。所以,层排版的灵活性同样也体现了一定的不稳定性。要想办法使层与页面中其他元素一样,能够随浏览器的变化而产生相对位置上的变化,排版者可以将层嵌入到表格的单元格中,使层成为单元格中的一个元素,这样就不会出现页面中元素相对位置的偏差。


更多网站设计、网页设计、网站制作等相关,欢迎您咨询4秒建站!