首页 / OpenLayers / 使用示例
文本对齐与背景
九个点分别演示左、中、右对齐，以及 justify 在文本盒内的三种分布方式。
源码与运行效果
说明
textAlign 控制文本锚点在符号的左侧、中心还是右侧，justify 控制多行文字在文本盒内的水平分布。设置 backgroundFill 和 padding 后，文本盒的宽度和对齐效果一目了然。每个点使用独立样式，样式在构造要素时直接绑定。
| 操作 | 结果 |
|---|---|
| 观察第一行三个点 | textAlign 分别为 left、center、right，文本盒贴着不同的锚点 |
| 观察第二行三个点 | justify 设为 center，多行文字整体居中 |
| 观察第三行三个点 | justify 设为 left，多行文字靠左排列 |
textAlign 管锚点，justify 管盒内分布，两者同时设置才能精确控制多行标注的视觉位置。