文字和图片居中的HTML代码怎么写？
回答
云松回答
问题分析及解答：
在html中实现文字图片内容居中有三种方法，其中两种使用CSS样式实现，一直使用原始的html标签内加入“align="center"”（居中）实现。
1、使用内联css样式实现图文居中：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>居中实例</title>
<style>
body{text-align:center}
</style>
</head>
<body>
内容会被居中
</body>
</html>
2、对文字外层对象加css居中样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>居中实例</title>
<style>
.center{text-align:center}
</style>
</head>
<body>
<div class="center">内容会被居中</div>
<div class="center"><img src="https://attachment-center.boxuegu.com/data/picture/online/2017/12/01/15/e4c92171174b4efba64f999412d7512f.jpg" /></div>
</body>
</html>
3、内嵌方式实现图文居中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html align居中</title>
</head>
<body>
<div align="center">会居中的</div>
<table width="100%">
<tr>
<td align="center">表格中居中</td>
</tr>
</table>
</body>
</html>
(0)