1，html中浮动居中的方式有以下几种：
通过定位实现；通过flex布局实现；通过margin；实现；position：absolute；left：0；right：0；top：0；bottom：0；margin：auto；
3，通过上面的方式可以使元素集中，这写代码就是实现居中的代码
1、打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
4、输入完保存，摁F12键弹出页面，可以看到图框中的文字没有居中。
6、然后增加内容后保存，恩F12键，跳转到页面看效果，即可看到文本居中。
想要让文字在底部，需要用到 position:fixed; bottom:0px; left:0px; 想要让文字居中，需要用到 text-align:center; 示例的截图 示例的代码
就是一个在底部显示的文字
水平居中的话一般用margin:auto比较好，不过前提是宽度width必须有固定值。 网页居中制作过程：
1.利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。
3.接着点击“居中”按钮，就会发现页面被设置为居中显示。
1、首先我们创建一个父层div，然后定位为position:relative；
3、接着img宽高为父级元素宽高；
4、紧接着span定位为position:absolute，并设置left和top为50%，再设置margin为宽高的一半实现居中。
就这样，在css中让文字显示在图片上居中了。