<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字体样式</title> <style type="text/css"> .aaa{ text-align: left; } .bbb{ text-align: center; } .ccc{ text-align: right; } </style> </head> <body> <!-- <img src="360截图20190329165056118.jpg" style="text-align: left;"><br> <img src="360截图20190329165056118.jpg" style="text-align: center;"><br> <img src="360截图20190329165056118.jpg" style="text-align: right;"><br> <h3>======</h3> <div class="aaa"><img src="360截图20190329165056118.jpg"></div> <div class="bbb"><img src="360截图20190329165056118.jpg"></div> <div class="ccc"><img src="360截图20190329165056118.jpg"></div> --> <h3>======</h3> <span>左边1</span> <img src="360截图20190329165056118.jpg" style="vertical-align: top;"> <span>右边1</span><br> <span>左边2</span> <img src="360截图20190329165056118.jpg" style="vertical-align: middle;"><br> <br><img src="360截图20190329165056118.jpg" style="vertical-align: middle;"> <span>右边2</span><br> <span>左边3</span> <img src="360截图20190329165056118.jpg" style="vertical-align: bottom;"> <span>右边3</span><br> </body>
效果展示
</html>