W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div.a { text-align: justify; /* 针对 Edge */ -moz-text-align-last: center; /* 针对 58.0 之前的 Firefox */ text-align-last: center; } div.b { text-align: justify; /* 针对 Edge */ } div.b p:last-child { -moz-text-align-last: center; /* 针对 58.0 之前的 Firefox */ text-align-last: center; } </style> </head> <body> <h1>text-align-last 属性</h1> <h2>text-align-last: center（影响所有段落）：</h2> <div class="a"> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> </div> <h2>text-align-last: center;（只影响最后一段）：</h2> <div class="b"> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p> </div> </body> </html>