中英文两端对齐DEMO

最新推荐文章于 2022-12-27 14:47:39 发布
最新推荐文章于 2022-12-27 14:47:39 发布
阅读量331 收藏
点赞数
分类专栏： CSS HTML 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25753445/article/details/122877539
版权
CSS 同时被 2 个专栏收录
12 篇文章 0 订阅
订阅专栏
HTML
10 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link
      rel="shortcut icon"
      type="image/icon"
      href="http://x.909.pub/js/logo/favicon.ico"
    />
    <title>中英文两端对齐DEMO</title>
    <style>
      .justify {
        text-align: justify;
        width: 200px;
      }
      .justify > span {
        display: inline-block /* Opera */;
        padding-left: 100%;
      }
    </style>
  </head>

  <body>
    <div class="justify">
      <a href="?/article/xinxi//" target="_blank">article xinxi</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/gonggao//" target="_blank">article gonggao</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/gushi//" target="_blank">article gushi</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/xiaohua//" target="_blank">article xiaohua</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/qiwen//" target="_blank">article qiwen</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/shici//" target="_blank">article shici</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/chengyu//" target="_blank">article chengyu</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/wenyi//" target="_blank">article wenyi</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/mingyan//" target="_blank">article mingyan</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/naojin//" target="_blank">article naojin</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/xiehouyu//" target="_blank">article xiehouyu</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/article/duanxin//" target="_blank">article duanxin</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/category/jiajiao//" target="_blank">category jiajiao</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/category/jiazheng//" target="_blank"
        >category jiazheng</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/nanjing//" target="_blank">chat nanjing</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/jiaoyou//" target="_blank">chat jiaoyou</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/dashan//" target="_blank">chat dashan</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/xiaoxue//" target="_blank">chat xiaoxue</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/zhongxue//" target="_blank">chat zhongxue</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/chat/daxue//" target="_blank">chat daxue</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/treebbs/asaibbs//" target="_blank">treebbs asaibbs</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/treebbs/nanjingbbs//" target="_blank"
        >treebbs nanjingbbs</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/novel/qiyun//" target="_blank">novel qiyun</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/user/user//" target="_blank">user user</a><span></span>
    </div>
    <div class="justify">
      <a href="?/other/wish//" target="_blank">other wish</a
      ><span></span>
    </div>
    <div class="justify">
      <a href="?/other/suan//" target="_blank">other suan</a
      ><span></span>
    </div>

    <a href="?/article/xinxi//" target="_blank"
      ><div class="justify">article | xinxi<span></span></div></a
    ><a href="?/article/gonggao//" target="_blank"
      ><div class="justify">article | gonggao<span></span></div></a
    ><a href="?/article/gushi//" target="_blank"
      ><div class="justify">article | gushi<span></span></div
    ></a>
    <div class="justify">article | xinxi<span></span></div>
    <div class="justify">article | gonggao<span></span></div>
    <div class="justify">article | gushi<span></span></div>
    <div class="justify">article | xiaohua<span></span></div>
    <div class="justify">article | qiwen<span></span></div>
    <div class="justify">article | shici<span></span></div>
    <div class="justify">hello, text justify.</div>
    <br />
    <div class="justify">hello, text justify.<span></span></div>
    <br />
    <div class="justify">中 文 两 端 对 齐</div>
    <br />
    <div class="justify">中 文 两 端 对 齐<span></span></div>
  </body>
</html>

阿赛工作室
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
上手大模型，武装到牙齿，惊艳所有人！：一些惊艳的大模型应用和边缘端推理实现方案
shiter编写程序的艺术
12-27 616
如果我们想让模型做智能问答，我们可以使用一些包含问题和答案对的数据集来微调模型，使它能够根据给定的问题生成合适的答案。编码器-解码器架构：编码器-解码器架构由编码器（encoder）和解码器（decoder）两部分组成，编码器负责将输入文本转换为一个固定长度的向量表示，解码器负责根据这个向量表示生成输出文本。这是因为增加的编译器步骤允许优化，包括代码的高级表示(例如，循环展开)和低级执行(例如，强制操作对象与硬件处理器原生支持的类型之间的转换) ，这使得代码的执行速度更快，快了一个数量级。
css英文左右对齐,中文英文左右padding一致两端对齐实现_js
weixin_28900073的博客
08-04 1629
先看下图：就是一个定宽的容器，左右padding值20像素，结果输入一段文字后(有中文也有英文字符)，会发现右侧根本就不对齐，有些地方距离右侧的空白大小也不是20像素，感觉不和谐，设计师就希望排列能够好看一点，右边要对齐。其实呢，要实现两端对齐很简单，使用text-align:justify, 之前有写过“display:inline-block/text-align:justify下列表的两端对...
列表的两端对齐布局
taotaomin99的博客
08-31 4364
产品：“哎你这个文字跟设计的不一样啊，居中了吗，怎么有的地方那么大空啊？”本尊：“前端页面就这样，没有两端对齐，改不了…（一副不耐烦的样子）”（想想当初这么说的我也是蛮屌的，之前的公司为什么没开除我呢….）这里我还得解释一下，因为我是半路出家嘛，学习初期也遇到过这种问题，也有过这种疑问，于是就跑去问带我的人，他就揍是这么回我的!好了，原委说完了，接下来学习~一、什么是列表元素的两端对齐布局首先说说何
textview 文字排版问题，实现两端对齐
尼古拉斯_狗蛋的博客
07-06 2802
系统要求 Android 4.0以上 快速使用 build.gradle加入dependencies compile 'me.codeboy.android:align-text-view:2.3.0' AlignTextView (不支持选择复制，在不需要进行选择复制的情况下使用，排版效果好) <me.codeboy.android.aligntextview.A
中文英文左右padding一致两端对齐实现（转载）
aidan8480的博客
11-09 282
　　把大牛的文章拿来，时不时自己看看复习一下，原文地址：http://www.zhangxinxu.com/wordpress/?p=4908 　　 　　一个定宽的容器，左右padding值20像素，结果输入一段文字后（有中文也有英文字符），会发现右侧根本就不对齐，有些地方距离右侧的空白大小也不是20像素，感觉不和谐，设计师就希望排列能够好看一点，右边要对齐。 　　 　　 　　...
Android 自定义Textview实现文字两端对齐功能和长按自由选择文字弹出自定义ActionMenu功能（一）
devilist的博客
02-07 5369
打造自定义TextView实现文本两端对齐，并实现长按自由选择文字弹出自定义ActionMenu菜单功能 写在前面的话 从安卓自由开发者转为职业开发者也有一年了，期间在CSDN社区受益很多，也很想写一些自己对于android开发的感悟和理解，可是一直迟迟没有下笔，一方面是项目确实很忙，抽不开时间；另一方面鄙人给自己定下的原则是写东西不要泛而烂，一定要是干货。因此一年来虽然积累了很多自己写的东西
使用CSS代码的空格实现中文对齐的方法
web前端基础入门教程
02-26 1802
使用一些空格实现个数不等的中文对齐或等宽。见下表： 其中的&ensp;和&emsp;，由于具有某一超赞的特性，使其可以登上web届的舞台！什么特性呢？如上表加粗展示，1. 透明； 2. 宽度正好跟中文正好是1:2和1:1的关系，于是，一些中文排版对齐什么的，直接就可以使用这两个空格调节，如： XML/HTML Code复制内容到剪贴板 <ul> <li c...
bootstrap独立图标样式CSS及调用示例
阿赛
07-18 1517
ico.html <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webk...
幻色CSS样式
阿赛
07-18 968
/* Asai Style Color(Warning:Keep it for ever.) 1565C1|1976D3|E3F2FE|F3FAFD|D85F07|E77721|FFE9D9|FFF6E8|228802|33AA02|DCEDC9|F1F8EA|585859|989899|DD0001|FFFFFD ----------------------------------------...
文本框输入实现自动完成功能autocomplete
阿赛
02-11 892
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l...
CSS初始样式bootstrap
阿赛
07-18 753
/* Asai Style Color(Warning:Keep it for ever.) #F1F1F1|#FFFFF8|#D8D8D8|#585858|#282828|#F3FAFD|#E3F2FE|#1976D3|#1565C1|#FFF6E8|#FFE9D9|#E77721|#D85F07|#F1F8EA|#DCEDC9|#33AA02|#228802|#DD0008 --------...
052仿安卓.9图实现Div模拟blockly风格的办法
阿赛
12-27 626
9图的后缀格式为：.9.png。
阿赛网站系统最新样式表CSS
阿赛
07-18 500
/* Style Color(Warning:Kepp it for ever.) 1565C1|1976D3|E3F2FE|F3FAFD|D85F07|E77721|FFE9D9|FFF6E8|228802|33AA02|DCEDC9|F1F8EA|585859|989899|DD0001|FFFFFD ---------------------------------------------...
045关于树形div空白定位问题的处理方案
阿赛
12-07 499
045关于树形div空白定位问题的处理方案
前端开发之图层拖拽与调整大小
阿赛
08-06 486
<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>图层拖拽与调整大小</title> <style> .box { width: 200px; height: 200px; bac...
033获取drag元素在drop元素上的移动位置的方案
阿赛
11-09 330
【代码】033获取drag元素在drop元素上的移动位置的方案。
采用官方最简单的办法搭建vite+vue+ts开发项目框架
阿赛
10-20 310
1. 环境校验 PS D:\vue> node -v v16.6.1 PS D:\vue> cnpm -v cnpm@7.1.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js) npm@6.14.15 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
页面自适应各种手机屏幕：阿赛特别方法处理页面固定宽度适应各种终端的解决方案
阿赛
11-27 197
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> <title>页面自适应各种手机屏幕：阿赛特别方法处理页面固定宽度适应各.
latex中两端对齐
最新发布
07-26
在 LaTeX 中，要实现文本的两端对齐，可以使用 `ragged2e` 包提供的 `flushleft` 和 `flushright` 命令，或者直接使用 `quotation` 环境（如 `\begin{quote}` 和 `\end{quote}`）。不过，LaTeX 的默认行为通常是左...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿赛工作室

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值