css
中text-align
属性有3种值,如下:left
左、center
中、right
右。text-align
属性实践了,如果大家是新手自己一定要去实践哈,运行结果图就不进行展示了,大家自己动动手哈。左代码块
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>设置文本的水平对齐方向</title> <style> .box{ text-align: left; } </style> </head> <body> <h2 class="box">成功不是击败别人,而是改变自己</h2> </body> </html>
注意:默认就是向左对齐。
中代码块
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>设置文本的水平对齐方向</title> <style> .box{ text-align:center; } </style> </head> <body> <h2 class="box">成功不是击败别人,而是改变自己</h2> </body> </html>
右代码块
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>设置文本的水平对齐方向</title> <style> .box{ text-align: right; } </style> </head> <body> <h2 class="box">成功不是击败别人,而是改变自己</h2> </body> </html>
如对本文有疑问, 点击进行留言回复!!
Parallels Desktop 16值得升级吗 Parallels Desktop 16更新内容汇总
网友评论