用代码写html语言 怎么让字体居中 html如何让文字居中显示

\u7f51\u9875\u6587\u5b57\u5c45\u4e2d\u7684\u4ee3\u7801\u662f\u4ec0\u4e48\uff1f

1\u3001\u7ed9\u7f51\u9875\u4e2d\u7684\u6807\u7b7e\u4e2d\u9644\u52a0\u6837\u5f0f\uff0ctext-align:center;\u5c31\u53ef\u4ee5\u8fbe\u5230\u6574\u4e2a\u6807\u7b7e\u5185\u6587\u5b57\u5c45\u4e2d\u7684\u6548\u679c\u3002

2\u3001\u6807\u7b7e\u662f\u63a7\u5236\u6574\u4e2ahtml\u6587\u6863\uff0c\u5982\u679c\u4e0d\u60f3\u5168\u90e8\u90fd\u5c45\u4e2d\uff0c\u53ef\u4ee5\u7ed9\u81ea\u5df1\u9700\u8981\u7684\u5143\u7d20\u52a0align=\u201ccenter\u201d\u7684\u5c5e\u6027\u3002\u5982\u2026\u2026\u3002

\u6269\u5c55\u8d44\u6599
\u4ee3\u7801\u5c31\u662f\u7a0b\u5e8f\u5458\u7528\u5f00\u53d1\u5de5\u5177\u6240\u652f\u6301\u7684\u8bed\u8a00\u5199\u51fa\u6765\u7684\u6e90\u6587\u4ef6\uff0c\u662f\u4e00\u7ec4\u7531\u5b57\u7b26\u3001\u7b26\u53f7\u6216\u4fe1\u53f7\u7801\u5143\u4ee5\u79bb\u6563\u5f62\u5f0f\u8868\u793a\u4fe1\u606f\u7684\u660e\u786e\u7684\u89c4\u5219\u4f53\u7cfb\u3002
\u4ee3\u7801\u8bbe\u8ba1\u7684\u539f\u5219\u5305\u62ec\u552f\u4e00\u786e\u5b9a\u6027\u3001\u6807\u51c6\u5316\u548c\u901a\u7528\u6027\u3001\u53ef\u6269\u5145\u6027\u4e0e\u7a33\u5b9a\u6027\u3001\u4fbf\u4e8e\u8bc6\u522b\u4e0e\u8bb0\u5fc6\u3001\u529b\u6c42\u77ed\u5c0f\u4e0e\u683c\u5f0f\u7edf\u4e00\u4ee5\u53ca\u5bb9\u6613\u4fee\u6539\u7b49\u3002 \u6e90\u4ee3\u7801\u662f\u4ee3\u7801\u7684\u5206\u652f\u3002
\u67d0\u79cd\u610f\u4e49\u4e0a\u6765\u8bf4\uff0c\u6e90\u4ee3\u7801\u76f8\u5f53\u4e8e\u4ee3\u7801\u3002\u73b0\u4ee3\u7a0b\u5e8f\u8bed\u8a00\u4e2d\uff0c\u6e90\u4ee3\u7801\u53ef\u4ee5\u4e66\u7c4d\u6216\u78c1\u5e26\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f46\u6700\u4e3a\u5e38\u7528\u683c\u5f0f\u662f\u6587\u672c\u6587\u4ef6\uff0c\u8fd9\u79cd\u5178\u578b\u683c\u5f0f\u7684\u76ee\u7684\u662f\u4e3a\u4e86\u7f16\u8bd1\u51fa\u8ba1\u7b97\u673a\u7a0b\u5e8f\u3002
\u8ba1\u7b97\u673a\u6e90\u4ee3\u7801\u6700\u7ec8\u76ee\u7684\u662f\u5c06\u4eba\u7c7b\u53ef\u8bfb\u6587\u672c\u7ffb\u8bd1\u6210\u4e3a\u8ba1\u7b97\u673a\u53ef\u6267\u884c\u7684\u4e8c\u8fdb\u5236\u6307\u4ee4\uff0c\u8fd9\u79cd\u8fc7\u7a0b\u53eb\u7f16\u8bd1\uff0c\u5b83\u7531\u901a\u8fc7\u7f16\u8bd1\u5668\u5b8c\u6210\u3002
\u6e90\u4ee3\u7801\uff08\u4e5f\u79f0\u6e90\u7a0b\u5e8f\uff09\uff0c\u662f\u6307\u4e00\u7cfb\u5217\u4eba\u7c7b\u53ef\u8bfb\u7684\u8ba1\u7b97\u673a\u8bed\u8a00\u6307\u4ee4\u3002\u6e90\u4ee3\u7801\u662f\u76f8\u5bf9\u76ee\u6807\u4ee3\u7801\u548c\u53ef\u6267\u884c\u4ee3\u7801\u800c\u8a00\u7684\u3002 \u6e90\u4ee3\u7801\u5c31\u662f\u7528\u6c47\u7f16\u8bed\u8a00\u548c\u9ad8\u7ea7\u8bed\u8a00\u5199\u51fa\u6765\u7684\u5730\u4ee3\u7801\u3002
\u76ee\u6807\u4ee3\u7801\u662f\u6307\u6e90\u4ee3\u7801\u7ecf\u8fc7\u7f16\u8bd1\u7a0b\u5e8f\u4ea7\u751f\u7684\u80fd\u88abcpu\u76f4\u63a5\u8bc6\u522b\u4e8c\u8fdb\u5236\u4ee3\u7801\u3002\u53ef\u6267\u884c\u4ee3\u7801\u5c31\u662f\u5c06\u76ee\u6807\u4ee3\u7801\u8fde\u63a5\u540e\u5f62\u6210\u7684\u53ef\u6267\u884c\u6587\u4ef6\uff0c\u5f53\u7136\u4e5f\u662f\u4e8c\u8fdb\u5236\u7684\u3002
\u5728\u73b0\u4ee3\u7a0b\u5e8f\u8bed\u8a00\u4e2d\uff0c\u6e90\u4ee3\u7801\u53ef\u4ee5\u662f\u4ee5\u4e66\u7c4d\u6216\u8005\u78c1\u5e26\u7684\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f46\u6700\u4e3a\u5e38\u7528\u7684\u683c\u5f0f\u662f\u6587\u672c\u6587\u4ef6\uff0c\u8fd9\u79cd\u5178\u578b\u683c\u5f0f\u7684\u76ee\u7684\u662f\u4e3a\u4e86\u7f16\u8bd1\u51fa\u8ba1\u7b97\u673a\u7a0b\u5e8f\u3002
\u8ba1\u7b97\u673a\u6e90\u4ee3\u7801\u7684\u6700\u7ec8\u76ee\u7684\u662f\u5c06\u4eba\u7c7b\u53ef\u8bfb\u7684\u6587\u672c\u7ffb\u8bd1\u6210\u4e3a\u8ba1\u7b97\u673a\u53ef\u4ee5\u6267\u884c\u7684\u4e8c\u8fdb\u5236\u6307\u4ee4\uff0c\u8fd9\u79cd\u8fc7\u7a0b\u53eb\u505a\u7f16\u8bd1\uff0c\u901a\u8fc7\u7f16\u8bd1\u5668\u5b8c\u6210\u3002
\u6e90\u4ee3\u7801\u4e3b\u8981\u529f\u7528\u6709\u5982\u4e0b2\u79cd\u4f5c\u7528\uff1a
1\u3001\u751f\u6210\u76ee\u6807\u4ee3\u7801\uff0c\u5373\u8ba1\u7b97\u673a\u53ef\u4ee5\u8bc6\u522b\u7684\u4ee3\u7801\u3002
2\u3001\u5bf9\u8f6f\u4ef6\u8fdb\u884c\u8bf4\u660e\uff0c\u5373\u5bf9\u8f6f\u4ef6\u7684\u7f16\u5199\u8fdb\u884c\u8bf4\u660e\u3002
\u4e3a\u6570\u4e0d\u5c11\u7684\u521d\u5b66\u8005\uff0c\u751a\u81f3\u5c11\u6570\u6709\u7ecf\u9a8c\u7684\u7a0b\u5e8f\u5458\u90fd\u5ffd\u89c6\u8f6f\u4ef6\u8bf4\u660e\u7684\u7f16\u5199\uff0c\u56e0\u4e3a\u8fd9\u90e8\u5206\u867d\u7136\u4e0d\u4f1a\u5728\u751f\u6210\u7684\u7a0b\u5e8f\u4e2d\u76f4\u63a5\u663e\u793a\uff0c\u4e5f\u4e0d\u53c2\u4e0e\u7f16\u8bd1\u3002
\u4f46\u662f\u8bf4\u660e\u5bf9\u8f6f\u4ef6\u7684\u5b66\u4e60\u3001\u5206\u4eab\u3001\u7ef4\u62a4\u548c\u8f6f\u4ef6\u590d\u7528\u90fd\u6709\u5de8\u5927\u7684\u597d\u5904\u3002\u56e0\u6b64\uff0c\u4e66\u5199\u8f6f\u4ef6\u8bf4\u660e\u5728\u4e1a\u754c\u88ab\u8ba4\u4e3a\u662f\u80fd\u521b\u9020\u4f18\u79c0\u7a0b\u5e8f\u7684\u826f\u597d\u4e60\u60ef\uff0c\u4e00\u4e9b\u516c\u53f8\u4e5f\u786c\u6027\u89c4\u5b9a\u5fc5\u987b\u4e66\u5199\u3002
\u9700\u8981\u6307\u51fa\u7684\u662f\uff0c\u6e90\u4ee3\u7801\u7684\u4fee\u6539\u4e0d\u80fd\u6539\u53d8\u5df2\u7ecf\u751f\u6210\u7684\u76ee\u6807\u4ee3\u7801\u3002\u5982\u679c\u9700\u8981\u76ee\u6807\u4ee3\u7801\u505a\u51fa\u76f8\u5e94\u7684\u4fee\u6539\uff0c\u5fc5\u987b\u91cd\u65b0\u7f16\u8bd1\u3002
\u53c2\u8003\u8d44\u6599:\u767e\u5ea6\u767e\u79d1▬\u4ee3\u7801

\u6587\u5b57\u5916\u5c42\uff0c\u653e\u4e2adiv,div\u52a0\u4e2a\u6837\u5f0f\u3002
\u4f8b\u59821\uff1a
\u8fd9\u91cc\u662f\u60f3\u8981\u5c45\u4e2d\u7684\u6587\u5b57
\u6837\u5f0f\u8868\u91cc\u8fd9\u6837\u5199\uff1a
.text{text-align:center;}
\u4f8b\u59822\uff1a
\u8fd9\u91cc\u662f\u60f3\u8981\u5c45\u4e2d\u7684\u6587\u5b57\u3002
html\u8be6\u7ec6\u4ecb\u7ecd
\u7531\u6765
\u4e07\u7ef4\u7f51\u4e0a\u7684\u4e00\u4e2a\u8d85\u5a92\u4f53\u6587\u6863\u79f0\u4e4b\u4e3a\u4e00\u4e2a\u9875\u9762\u3002\u4f5c\u4e3a\u4e00\u4e2a\u7ec4\u7ec7\u6216\u8005\u4e2a\u4eba\u5728\u4e07\u7ef4\u7f51\u4e0a\u653e\u7f6e\u5f00\u59cb\u70b9\u7684\u9875\u9762\u79f0\u4e3a\u4e3b\u9875\u6216\u9996\u9875\uff0c\u4e3b\u9875\u4e2d\u901a\u5e38\u5305\u62ec\u6709\u6307\u5411\u5176\u4ed6\u76f8\u5173\u9875\u9762\u6216\u5176\u4ed6\u8282\u70b9\u7684\u6307\u9488\uff08\u8d85\u7ea7\u94fe\u63a5\uff09\uff0c\u6240\u8c13\u8d85\u7ea7\u94fe\u63a5\uff0c\u5c31\u662f\u4e00\u79cd\u7edf\u4e00\u8d44\u6e90\u5b9a\u4f4d\u5668\u6307\u9488\uff0c\u901a\u8fc7\u6fc0\u6d3b\u5b83\uff0c\u53ef\u4f7f\u6d4f\u89c8\u5668\u65b9\u4fbf\u5730\u83b7\u53d6\u65b0\u7684\u7f51\u9875\u3002\u8fd9\u4e5f\u662fHTML\u83b7\u5f97\u5e7f\u6cdb\u5e94\u7528\u7684\u6700\u91cd\u8981\u7684\u539f\u56e0\u4e4b\u4e00\u3002
\u5728\u903b\u8f91\u4e0a\u5c06\u89c6\u4e3a\u4e00\u4e2a\u6574\u4f53\u7684\u4e00\u7cfb\u5217\u9875\u9762\u7684\u6709\u673a\u96c6\u5408\u79f0\u4e3a\u7f51\u7ad9\uff08Website\u6216Site\uff09\u3002\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\uff08\u82f1\u6587\u7f29\u5199\uff1aHTML\uff09\u662f\u4e3a\u201c\u7f51\u9875\u521b\u5efa\u548c\u5176\u5b83\u53ef\u5728\u7f51\u9875\u6d4f\u89c8\u5668\u4e2d\u770b\u5230\u7684\u4fe1\u606f\u201d\u8bbe\u8ba1\u7684\u4e00\u79cd\u6807\u8bb0\u8bed\u8a00\u3002
\u7f51\u9875\u7684\u672c\u8d28\u5c31\u662f\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\uff0c\u901a\u8fc7\u7ed3\u5408\u4f7f\u7528\u5176\u4ed6\u7684Web\u6280\u672f\uff08\u5982\uff1a\u811a\u672c\u8bed\u8a00\u3001\u516c\u5171\u7f51\u5173\u63a5\u53e3\u3001\u7ec4\u4ef6\u7b49\uff09\uff0c\u53ef\u4ee5\u521b\u9020\u51fa\u529f\u80fd\u5f3a\u5927\u7684\u7f51\u9875\u3002\u56e0\u800c\uff0c\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u662f\u4e07\u7ef4\u7f51\uff08Web\uff09\u7f16\u7a0b\u7684\u57fa\u7840\uff0c\u4e5f\u5c31\u662f\u8bf4\u4e07\u7ef4\u7f51\u662f\u5efa\u7acb\u5728\u8d85\u6587\u672c\u57fa\u7840\u4e4b\u4e0a\u7684\u3002\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u4e4b\u6240\u4ee5\u79f0\u4e3a\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00\uff0c\u662f\u56e0\u4e3a\u6587\u672c\u4e2d\u5305\u542b\u4e86\u6240\u8c13\u201c\u8d85\u7ea7\u94fe\u63a5\u201d\u70b9\u3002
\u5b9a\u4e49
\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u662f\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u4e0b\u7684\u4e00\u4e2a\u5e94\u7528\uff0c\u4e5f\u662f\u4e00\u79cd\u89c4\u8303\uff0c\u4e00\u79cd\u6807\u51c6\uff0c\u5b83\u901a\u8fc7\u6807\u8bb0\u7b26\u53f7\u6765\u6807\u8bb0\u8981\u663e\u793a\u7684\u7f51\u9875\u4e2d\u7684\u5404\u4e2a\u90e8\u5206\u3002\u7f51\u9875\u6587\u4ef6\u672c\u8eab\u662f\u4e00\u79cd\u6587\u672c\u6587\u4ef6\uff0c\u901a\u8fc7\u5728\u6587\u672c\u6587\u4ef6\u4e2d\u6dfb\u52a0\u6807\u8bb0\u7b26\uff0c\u53ef\u4ee5\u544a\u8bc9\u6d4f\u89c8\u5668\u5982\u4f55\u663e\u793a\u5176\u4e2d\u7684\u5185\u5bb9\uff08\u5982\uff1a\u6587\u5b57\u5982\u4f55\u5904\u7406\uff0c\u753b\u9762\u5982\u4f55\u5b89\u6392\uff0c\u56fe\u7247\u5982\u4f55\u663e\u793a\u7b49\uff09\u3002
\u6d4f\u89c8\u5668\u6309\u987a\u5e8f\u9605\u8bfb\u7f51\u9875\u6587\u4ef6\uff0c\u7136\u540e\u6839\u636e\u6807\u8bb0\u7b26\u89e3\u91ca\u548c\u663e\u793a\u5176\u6807\u8bb0\u7684\u5185\u5bb9\uff0c\u5bf9\u4e66\u5199\u51fa\u9519\u7684\u6807\u8bb0\u5c06\u4e0d\u6307\u51fa\u5176\u9519\u8bef\uff0c\u4e14\u4e0d\u505c\u6b62\u5176\u89e3\u91ca\u6267\u884c\u8fc7\u7a0b\uff0c\u7f16\u5236\u8005\u53ea\u80fd\u901a\u8fc7\u663e\u793a\u6548\u679c\u6765\u5206\u6790\u51fa\u9519\u539f\u56e0\u548c\u51fa\u9519\u90e8\u4f4d\u3002\u4f46\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u5bf9\u4e8e\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\uff0c\u5bf9\u540c\u4e00\u6807\u8bb0\u7b26\u53ef\u80fd\u4f1a\u6709\u4e0d\u5b8c\u5168\u76f8\u540c\u7684\u89e3\u91ca\uff0c\u56e0\u800c\u53ef\u80fd\u4f1a\u6709\u4e0d\u540c\u7684\u663e\u793a\u6548\u679c\u3002
\u8bed\u8a00\u7279\u70b9
\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u6587\u6863\u5236\u4f5c\u4e0d\u662f\u5f88\u590d\u6742\uff0c\u4f46\u529f\u80fd\u5f3a\u5927\uff0c\u652f\u6301\u4e0d\u540c\u6570\u636e\u683c\u5f0f\u7684\u6587\u4ef6\u9576\u5165\uff0c\u8fd9\u4e5f\u662f\u4e07\u7ef4\u7f51\uff08WWW\uff09\u76db\u884c\u7684\u539f\u56e0\u4e4b\u4e00\uff0c\u5176\u4e3b\u8981\u7279\u70b9\u5982\u4e0b\uff1a
\u7b80\u6613\u6027\uff1a\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u7248\u672c\u5347\u7ea7\u91c7\u7528\u8d85\u96c6\u65b9\u5f0f\uff0c\u4ece\u800c\u66f4\u52a0\u7075\u6d3b\u65b9\u4fbf\u3002
\u53ef\u6269\u5c55\u6027\uff1a\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u7684\u5e7f\u6cdb\u5e94\u7528\u5e26\u6765\u4e86\u52a0\u5f3a\u529f\u80fd\uff0c\u589e\u52a0\u6807\u8bc6\u7b26\u7b49\u8981\u6c42\uff0c\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u91c7\u53d6\u5b50\u7c7b\u5143\u7d20\u7684\u65b9\u5f0f\uff0c\u4e3a\u7cfb\u7edf\u6269\u5c55\u5e26\u6765\u4fdd\u8bc1\u3002
\u5e73\u53f0\u65e0\u5173\u6027\uff1a\u867d\u7136\u4e2a\u4eba\u8ba1\u7b97\u673a\u5927\u884c\u5176\u9053\uff0c\u4f46\u4f7f\u7528MAC\u7b49\u5176\u4ed6\u673a\u5668\u7684\u5927\u6709\u4eba\u5728\uff0c\u8d85\u7ea7\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u53ef\u4ee5\u4f7f\u7528\u5728\u5e7f\u6cdb\u7684\u5e73\u53f0\u4e0a\uff0c\u8fd9\u4e5f\u662f\u4e07\u7ef4\u7f51\uff08WWW\uff09\u76db\u884c\u7684\u53e6\u4e00\u4e2a\u539f\u56e0\u3002
\u901a\u7528\u6027\uff1a\u53e6\u5916\uff0cHTML\u662f\u7f51\u7edc\u7684\u901a\u7528\u8bed\u8a00,\u4e00\u79cd\u7b80\u5355\u3001\u901a\u7528\u7684\u5168\u7f6e\u6807\u8bb0\u8bed\u8a00\u3002\u5b83\u5141\u8bb8\u7f51\u9875\u5236\u4f5c\u4eba\u5efa\u7acb\u6587\u672c\u4e0e\u56fe\u7247\u76f8\u7ed3\u5408\u7684\u590d\u6742\u9875\u9762\uff0c\u8fd9\u4e9b\u9875\u9762\u53ef\u4ee5\u88ab\u7f51\u4e0a\u4efb\u4f55\u5176\u4ed6\u4eba\u6d4f\u89c8\u5230\uff0c\u65e0\u8bba\u4f7f\u7528\u7684\u662f\u4ec0\u4e48\u7c7b\u578b\u7684\u7535\u8111\u6216\u6d4f\u89c8\u5668\u3002

<div align="center" vertical-align="middle">

水平垂直居中文字

</div>

<style>

div{

border: 1px solid #000000;

width: 400px; 

height: 400px;

margin: 0 auto;

line-height:400px;

            }

</style>

扩展资料：

html的规范（遵循）

1、一个html文件开始标签和结束的标签  <html>  </html>
- 定义一个java方法 { }

2、html包含两部分内容 

（1）<head> 设置相关信息</head>

（2）<body> 显示在页面上的内容都写在body里面</body>

3、html的标签有开始标签，也要有结束标签

- <head></head>

4、html的代码不区分大小写的

5、有些标签，没有结束标签 ，在标签内结束

- 比如 换行  <br/>  <hr/>

html的操作思想：网页中有很多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装起来），

通过修改标签的属性值实现标签内数据样式的变化。

一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以实现容器内数据样式的变化。

<!DOCTYPE HTML>

<html lang="en">

<head>

<title>html文字居中测试</title>

<meta charset="UTF-8">

<style type="text/css">

body{background: #ddd;}

div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}

.box1{background: #71a879;text-align: center;}

.box2{background: #6a8bbc;line-height: 200px;}

.box3{background: #dea46b;text-align: center;line-height: 200px;}

</style>

</head>

<body>

<div  class="box1">html文字水平居中</div>

<div  class="box2">html文字垂直居中</div>

<div  class="box3">html文字水平上下居中</div>

</body>

</html>

实现效果如图所示

扩展资料

html文字居中的相关知识点

1、重点知识在于要知道在html中，让文字居中的css代码。

2、平水居中：text-align:center

text-align 属性规定了代码中文本的水平对齐方式。该属性通过指定行框与某个点对齐，从而设置块级元素内文本的水平对齐方式。

3、垂直居中：line-height:height

line-height 属性设置为行间的距离（行高），不允许使用负值。

参考资料：百度百科-HTML

方法1、现在通常用的是div+css架构。css中的写法是对字体加样式：
text-align:center;//居中

如：<div class="jz">居中</div>

css为：.jz{text-align:center;}
方法2：在 content 元素外插入一个 div。设置此 div height:50%; margin-bottom:-contentheight; content 清除浮动，并显示在中间。
html：<div id="floater"></div><div id="content">Content here</div> css:#floater{float:left; height:50%; margin-bottom:-120px;}#content {clear:both; height:240px; position:relative;}
方法3：定位：使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0;。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 margin:auto;使块级元素垂直居中是很简单的。
html:<div id="content">Content here</div>
css:#content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70%;}
方法4：单行上下居中，可以设置行高为盒子高度，这样文字就可以上下居中。
即：line-height的高度要等于外面div的height。

简单一点的可以用<center></center>标签
稍微复杂一点可以用css的text-align:center属性
<center></center>标签的具体用法
在需要居中显示的地方加上<center></center>标签 如
<center>我要居中显示</center>
text-align:center的具体用法
<p style="text-align:center">我要居中显示</p>

<div id="main"><p style="text-align:center">文字居中</p></div>
<div style="text-align:center"><p>文字居中</p></div>

看你需要多大的范围！

扩展阅读：ai智能自动写代码 ... python编程代码大全 ... 免费代码生成器 ... html+css代码大全 ... 编程必背100个代码 ... 个人网站模板html代码免费 ... c语言代码生成器 ... html+css网页制作成品 ... html代码自动生成器 ...