css实现一段文字的两端分散对齐（兼容所有浏览器）

你的名字 2023-02-15 12:39 16阅读 0赞

## 参考： https://blog.csdn.net/zgpeterliu/article/details/80094869 ##

## 转自：https://blog.csdn.net/zhangjing0320/article/details/81938379 ##

PS！！！！为解决火狐浏览器问题。你在div加个lang="zh"就ok了，如果你在火狐能跑起来说明你的html没有设置属性lang或者设置lang成zh了。你设置成en能跑起来，而且不用什么空格符，我就算你厉害。

至于为什么设置成lang为zh就成功了呢？我大概觉得就是因为en他把一大串中文看成一个词，所以他没法拆开。而英文是一个个单词，以空格分割的。。也可能是我自己瞎想的。。。。。。

### PS： ###

！！！！注意必须是文字，如果是数字或者abc这种要用空格分开，否则连一起。

## 代码 ##

<style> div { text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器 border: 1px solid red; width: 150px; } </style>
    <div lang="ch">张京最美</div>

## 结果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200605122817745.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关自定义textview两端分散对齐

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9l

比眉伴天荒/ 2023年10月04日 10:21/ 0 赞/ 65 阅读

相关 textview两端分散对齐

import android.content.Context; import android.content.res.TypedArray; impor

逃离我推掉我的手/ 2023年10月04日 10:21/ 0 赞/ 71 阅读

相关文字两端对齐

1. 文字两端对齐 text-align-last:justify; text-align:justify;

我不是女神ヾ/ 2023年07月23日 03:31/ 0 赞/ 48 阅读

相关 css两行文字两端对齐

效果如下： ![20200325091008688.png][] <!DOCTYPE html> <html> <head> <me

ゞ浴缸里的玫瑰/ 2023年07月18日 06:53/ 0 赞/ 204 阅读

相关 CSS 文字两端对齐

最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。预览效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

左手的ㄟ右手/ 2023年06月07日 10:41/ 0 赞/ 31 阅读

相关文字两端对齐

文字两端对齐 text-align-last:justify 属性规定如何对齐文本的最后一行。适用于文本只有一行的时候 [见参考][Link 1] ![在这里

爱被打了一巴掌/ 2023年03月04日 11:22/ 0 赞/ 35 阅读

相关 css实现一段文字的两端分散对齐（兼容所有浏览器）

参考： https://blog.csdn.net/zgpeterliu/article/details/80094869 转自：https://blog.csdn.n

你的名字/ 2023年02月15日 12:39/ 0 赞/ 17 阅读

相关 css实现内容两端对齐

问题描述：因行边缘出现符号或其它情况导致行边缘出现多余的空白，如何解决内容区域边缘不期望的空白呢？ ![在这里插入图片描述][20201224102447758.p

快来打我*/ 2022年12月30日 05:00/ 0 赞/ 279 阅读

相关 CSS :after伪类元素实现文字两端对齐

以前很多人都这么干过：两个字中间使用来隔开达到四个字的宽度，三个字也可以，但是，如果文字中包含有数字、大小写英文字母时，比如 “122账号”“abc密码” 这样的，就不好计算

た入场券/ 2022年03月18日 10:08/ 0 赞/ 763 阅读

相关 CSS 文字两端对齐

<!DOCTYPE HTML> <html> <head> <title></title> <meta http-equ

电玩女神/ 2021年10月23日 16:22/ 0 赞/ 457 阅读