我们的志愿者还没有将这篇文章翻译为 中文 (简体)。加入我们帮助完成翻译!
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
Summary
The text-align-last
CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.
Initial value | auto |
---|---|
Applies to | block containers |
Inherited | yes |
Media | visual |
Computed value | as specified |
Animatable | no |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
/* Keyword values */ text-align-last: auto; text-align-last: start; text-align-last: end; text-align-last: left; text-align-last: right; text-align-last: center; text-align-last: justify; /* Global values */ text-align-last: inherit; text-align-last: initial; text-align-last: unset;
Values
auto
- The affected line is aligned per the value of
text-align
, unlesstext-align
isjustify
, in which case the effect is the same as settingtext-align-last
toleft
. start
- The same as
left
if direction is left-to-right andright
if direction is right-to-left. end
- The same as
right
if direction is left-to-right andleft
if direction is right-to-left. left
- The inline contents are aligned to the left edge of the line box.
right
- The inline contents are aligned to the right edge of the line box.
center
- The inline contents are centered within the line box.
justify
- The text is justified. Text should line up their left and right edges to the left and right content edges of the paragraph.
Formal syntax
auto | start | end | left | right | center | justify
Examples
div { text-align: justify; -moz-text-align-last: center; text-align-last: center; }
Specifications
Specification | Status | Comment |
---|---|---|
CSS Text Level 3 The definition of 'text-align-last' in that specification. |
Working Draft | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 35[1] 47 |
12.0 (12.0)-moz 49.0 (49.0) |
5.5[2] | No support | No support[3] |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support[1] | 12.0 (12.0)-moz 49.0 (49.0) |
6.0[2] | No support | No support[1] |
[1] Enabled through the "Enable Experimental Web Platform Features" flag in chrome://flags
[2] In Internet Explorer, the start
and end
values are not supported.
[3] See WebKit bug 76173.