新版火狐浏览器

新版火狐浏览器

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>text-align-last</title>

<style type="text/css">

h1 { width: 700px; margin: 10px auto; background: #abcdef;

  /*text-align: justify;*/

}

h1:nth-child(1) { text-align-last: auto; }

h1:nth-child(2) { text-align-last: left; }

h1:nth-child(3) { text-align-last: right; }

h1:nth-child(4) { text-align-last: center; }

h1:nth-child(5) { text-align-last: justify; }

h1:nth-child(6) { text-align-last: start; }

h1:nth-child(7) { text-align-last: end; }

h1:nth-child(8) { text-align-last: initial; }

h1:nth-child(9) { text-align-last: inherit; }

h1 > span { color: red; }

</style>

</head>

<body>

<h1><span>text-align-last: auto;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: left;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: right;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: center;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: justify;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: start;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: end;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: initial;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

<h1><span>text-align-last: inherit;</span><br>将梦想悬挂于枝头,在夏季的丰盛中饱满,绽放;为梦想披星戴月,刷新生命的温度。<br>那些因梦想蜕变了的灵魂,历经时光坎坷,痛苦挣扎,依然在枝头放歌,温暖了生命如花的影子。<br>前世,储蓄梦想;今生,演绎铿锵。</h1>

</body>

</html>

在新版的火狐浏览器里,

text-align: justify;

无论加不加都没任何效果哦,如果用火狐浏览器,moz要加哪个位置呢,我写成-moz-text-align-last: 但是代码会提示Also define the standard property 'text-align-last' for compatibility错误呢,编辑器用的是vscode

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2020-02-17 14:46:40

同学你好,火狐浏览器目前不支持text-align:justify属性;

text-align-last:justify这个属性没有效果,是火狐浏览器本身解析的问题,如下测试,只有文字之间存在空格,text-align-last:justify属性才会生效。示例:

http://img1.sycdn.imooc.com/climg/5e4a374a09c0738e24121112.jpg

效果图:

http://img1.sycdn.imooc.com/climg/5e4a369709eaa8b907220748.jpg

同学不用纠结这些,实际开发中很少使用这个属性,简单了解下即可。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师