大家好，今天小编关注到一个比较有意思的话题，就是关于html如何排版的问题，于是小编就整理了3个相关介绍Html如何排版的解答，让我们一起看看吧。
html图片加文字如何布局？
1、新建一个html文件，命名为test.html，用于讲解html+css怎么在图片上添加文字。
2、在test.html文件中，使用div标签创建一个模块，在div内，使用img标签创建一张图片。
3、在test.html文件中，在div标签内，使用p标签创建一段文字，下面将通过CSS让该段文字添加在图片4、在test.html文件中，在css标签中，通过“*”来初始化页面所有元素内外边距为0，避免影响下面css样式定义。
5、在css标签中，对div元素进行样式设置，定义其位置属性position为相对定位（relative）。
6、在css标签中，对div内的p元素进行样式设置，定义其位置属性position为绝对定位（absolute），这个绝对定位是相对于图片的位置而定的，让文字距离图片左边缘10px，距离图片上边缘10px，并且设置文字颜色为红色。
Html的框架放在层中，修改CSS后怎样避免排版混合？
不是很明白你要表达的意思，是不是关于如何实现用层来定位网页的整体布局？
使用层定位，选择“查看——防止层交错”,然后就通过插入层来定位不要同时使用表格和层定位，那样你的网页可真的不成样子了最后为了网页对不同浏览器的兼容性，你可以把层转化成表格排版/将层转化成表格。
另外在对不同浏览器的兼容方面， Dreamwe***er 作得不错，但绝不意味用 Dreamwe***er 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。 一般要尽量注意以下问题： 不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内； 内联式的 CSS 在 Netscape N***igator 中经常会出现问题，使用链式或内嵌式； 有时需要在空层插入表格或者透明图片，以保证在 Netscape N***igator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。一般要尽量注意以下问题：不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；内联式的 CSS 在 Netscape N***igator 中经常会出现问题，使用链式或内嵌式；有时需要在空层插入表格或者透明图片，以保证在 Netscape N***igator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
Html的框架放在层中，修改CSS后怎样避免排版混合？
不是很明白你要表达的意思，是不是关于如何实现用层来定位网页的整体布局？
使用层定位，选择“查看——防止层交错”,然后就通过插入层来定位不要同时使用表格和层定位，那样你的网页可真的不成样子了最后为了网页对不同浏览器的兼容性，你可以把层转化成表格排版/将层转化成表格。
另外在对不同浏览器的兼容方面， Dreamwe***er 作得不错，但绝不意味用 Dreamwe***er 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。 一般要尽量注意以下问题： 不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内； 内联式的 CSS 在 Netscape N***igator 中经常会出现问题，使用链式或内嵌式； 有时需要在空层插入表格或者透明图片，以保证在 Netscape N***igator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。一般要尽量注意以下问题：不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；内联式的 CSS 在 Netscape N***igator 中经常会出现问题，使用链式或内嵌式；有时需要在空层插入表格或者透明图片，以保证在 Netscape N***igator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
到此，以上就是小编对于html如何排版的问题就介绍到这了，希望介绍关于html如何排版的3点解答对大家有用。
