html5的布局元素无效果，html中布局

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

html5加入css元素后网页不显示

看一下是不是路径引用错误，再看一下，是不是HTML页面用的UTF-8字体，而CSS没用设置，如果没有设置把CSS设置成UTF-8试试看。把网页中所有的元素都放在一个盒模型里，通过CSS来控制这些盒子的基本属性。

HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图：行21的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字。

因为：部分js或css代码写得不好，不兼容引起的(这个是我乱猜出来的答案给你行么？)我的电脑在部分时间上不了网，你帮我分析下什么原因，恐怕就这么点信息你也只有猜吧。

亲，你好，很乐意为你解答问题，目前并不是所有手机浏览器都支持HTML5+CSS3的功能所以并不是你使用了CSS3的制作方法，所有手机就会识别你的制作方法。

：拼写错误，是 text-align 不是 text-aligh。

Q1: 如何处理html5新标签的浏览器兼容问题

1、处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。

2、老版本的IE不会识别不明元素已经是一个耳熟能详的特性，而如果这些元素已经通过document.createElement()创建，那么浏览器就可以识别这些标签，并可以将其在DOM树中构建，然后允许开发者对其应用样式。

3、建议升级到新内核的高速浏览器。比如王牌浏览器，这种新的浏览器用的是新的驱动内核，运行速度快，兼容性强，占用内存小，拥有智能拦截骚扰广告，识别欺诈网站，云收藏夹等功能，高速上网、不假死、不卡机，稳定等特点。

4、浏览器不支持html5。怎么解决？第一种方法：IE9版本的IE下面会创建HTML5标签，非IE浏览器会忽略这段代码，所以不会有http请求，不会影响网页执行的效率。

5、解决浏览器兼容性问题的方法如下：使用现代浏览器标准：尽量使用最新的HTML、CSS和JavaScript标准，因为这些标准在大多数现代浏览器中都有很好的支持。

6、网页提示浏览器不支持HTML5是设置错误造成的，解决方法为：打开IE，选择“工具”-“Internet选项”。选择“安全”选卡，选择下面的“自定义级别”。

Q2: 为什么在html页面设置span的高度和宽度没有效果呢

内联元素如span、strong、a等是内联，内联元素是随着内部的文字和图片不同高宽跟着变得，要主动改变内联元素是需要把内联元素变成区块才行，改变方法display：block；这样就可以更改高度和宽度。

这位网友你好，因为span是内联元素，你需要先把span设置为块级元素或块级内联元素才可以。

我觉得时span的位置问题，你用chrome浏览器（审查元素——放大镜按钮）锁定一下span的位置，看它在页面中的那个位置。

从上面的这个分析，也不难理解为什么 IE 下，对块元素设置 display：inline-block 属性无法实现 inline-block 的效果。

Q3: html5转为jsp以后,布局全部无效,包括css也没起作用。路径我也改了。用...

1、JSP页面需要在服务器端渲染之后，才能在客户端浏览，如果直接打开源文件，是无法浏览的。就像你把电视机屏幕去掉，里面只有电路板，无法欣赏节目一样。

2、最外层固定宽度（一般为1024px）。再套上个center/center（解决了浏览器兼容问题。jsp和html通用）子层用float浮动布局。最好用百分比。因为用像素很难计算准确。如果想宽度和最外层一样，那么则设为99%。

3、所有样式都没有吗？如果是那么可能是你设置的都是引入外部css文件，然后没有写对路径。如果直接写在页面里面还没有的话，就可能是jsp本身的一些支持问题了。比如用背景设置表格线的时候，能显示但是打印出来就没有了。

4、还是引用的路径不对啊，有火狐的话，装一个firebug插件，装完重启下，然后重新看页面。按F12打开firebug，可以在里面看式样是否引用成功了，你可以把css文件的路径拷出来，输入地址栏，看能不能查看。

5、跳转后的某一个页面会找不到你所引用的外部CSS文件，因而不起作用，解决的一个办法就是在所有涉及到页面跳转的form表单、link引用外部标签中写成这样：${pageContext.request.contextPath}/...，前面是获取工程名。

6、这个是保存到本地的最上面那个横向图片的路径，是相对路径，然而本文件夹内没有site文件夹。网页保存本地它只会把所有图片、js等都塞到和网页同名的一个文件夹里，而不会像程序发布时一样分门别类。

Q4: HTML5+CSS3布局的页面,汉字显示不出来

1、HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图：行21的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字。

2、如果还是不行你在JS文件找找关于Cufon.registerFont的代码，然后注释掉对应的代码。

3、方法一：更改分辨率右键点击桌面空白区域，在弹出菜单栏点击【属性】选项。进入属性界面，点击上方【设置】选项。进入设置界面，将屏幕分辨率调为电脑适合分辨率进行保存即可。

4、根据你的问题描述，可以得知，左侧的数字以及跟随其后的名称都是为字体。想达到的效果就是垂直居中。那么使用css的line-height就可以解决问题了。举例如下：根据你的代码，示例将设置多个li标签，高度为97像素。

5、：拼写错误，是 text-align 不是 text-aligh。

关于html5的布局元素无效果和html中布局的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。