css html 如何让div里边的图片和文字同时上下居中？

1、首先先进行文本框的插入，在word文档编辑界面上，单击上方工具栏中的“插入”按钮，包括文本框，所有的插入选项都在这里。

2、在“插入”选项的下拉工具栏中，选择如图所示“文本框”图标单击。

3、接下来会d出文本框样式的选择框，在里面可以根据需要选择文本框样式。这里以简单文本框为例，单击选择框中的”简单文本框“。

4、在文档编辑区出现的如图所示文本框中，将原有的选择文字删去就可以编辑文字了。

5、编辑好文字后，选中刚才编辑的文字。接下来进行的是对于文字居中了。

6、单击上方工具栏中的“开始”选项，会出现下拉工具栏。关于文本的设置就在这里。

7、在“开始”选项的下拉工具栏中，“段落”设置中的“居中”设置。

8、至此设置完毕，可看到文本框中选中的文字已经在文本框中央，单击任意空白处取消选中即可。

9、完成效果如下。

在css的样式中加入，text-align: center这样文件就是决定居中了！

垂直居中

<style type="text/css">

<!--

.con_div{

width:400px

height:300px

border:1px solid #777

text-align:center

display:table-cell

vertical-align:middle

background:red

color:#fff

}

/*FOR IE*/

.fixie{

width:0

height:100%

display:inline-block

vertical-align:middle

}

-->

</style>

<div class="con_div">

<span class="fixie"></span>

测试内容

</div>

html设置字体居中的方法是：选中要居中的文本，随后输入代码style：text-align：center即可。

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

---