表单短标题（2、3、4个字）的两端对齐－ HTML + CSS

约定不等于承诺〃 2022-04-16 00:06 357阅读 0赞

原文：[https://blog.csdn.net/muyutingfeng2008/article/details/48263073][https_blog.csdn.net_muyutingfeng2008_article_details_48263073]

![在这里插入图片描述][2018111416423176.png]  
**更改后**

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

<style type="text/css">
            .w2{
                letter-spacing:2em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-2）/(2-1)=2em */
                margin-right:-2em; /*同上*/
            }
            .w3{
                letter-spacing:0.5em;  /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
                margin-right:-0.5em;/*同上*/  
            }
        </style>
        /*
         x = 对齐的最大字数 本文是四个汉字 故 x=4 ,w3 :调用的地方是三个函数 故 y=3
        */

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

[https_blog.csdn.net_muyutingfeng2008_article_details_48263073]: https://blog.csdn.net/muyutingfeng2008/article/details/48263073
[2018111416423176.png]: /images/20220416/3ffe374ac0114577845708c553c44530.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MjI2MTc2_size_16_color_FFFFFF_t_70]: /images/20220416/6a7203d2f9fd4d578ebd33652eddc4f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MjI2MTc2_size_16_color_FFFFFF_t_70 1]: /images/20220416/9396e02b082e43c988151f3efab3492c.png

发表评论取消回复

表情：

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

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

相关阅读

相关 css两端对齐(CSS两端对齐在苹果手机中不起作用)

css里面怎样让两行文字两端对齐 .ie \{ text-align: justify; text-align-last: justify; text-justify:

谁践踏了优雅/ 2023年09月26日 13:09/ 0 赞/ 68 阅读

相关 HTML让两个span分别向左向右对齐（两端对齐）

CSS代码 .box { width: 100%; / 因为 content 会另起一行，影响样式的话，height 设置为具体的值可

旧城等待，/ 2023年07月21日 11:22/ 0 赞/ 24 阅读

相关 css两行文字两端对齐

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

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

相关 CSS 文字两端对齐

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

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

相关 CSS两端对齐解决方案

.labod { font-size: 48upx; text-shadow: 0upx 0upx 1upx 693018;

超、凢脫俗/ 2023年01月02日 08:26/ 0 赞/ 206 阅读

相关 css实现内容两端对齐

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

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

相关 HTML如何让文本两端对齐

Question 之前看一个外文网站，貌似都不是两端对齐，我想把他转换为PDF文件下载下来。不是两端对齐看起来太难受了。找了个方法。 -----------------

た入场券/ 2022年05月29日 02:15/ 0 赞/ 554 阅读

相关表单短标题（2、3、4个字）的两端对齐－ HTML + CSS

原文：[https://blog.csdn.net/muyutingfeng2008/article/details/48263073][https_blog.csdn.net

约定不等于承诺〃/ 2022年04月16日 00:06/ 0 赞/ 358 阅读

相关 CSS 文字两端对齐

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

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

相关 css 文本两端对齐

在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名，手机号码，出生地。这样我们就要用到 text-align， text-justify样式了。 text-alig

你的名字/ 2021年05月12日 11:51/ 0 赞/ 663 阅读