CSS 汉字两端对齐
来源:互联网 发布:手机淘宝套餐链接 编辑:程序博客网 时间:2024/06/02 02:26
//text-align:justify;
//text-justify:inter-ideograph;
但问题是,我怎么就看不到效果呢?终于在StackOverflow上找到解决方法了。
样式:
div.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px;}div.justify > span { display: inline-block /* Opera */; padding-left: 100%; }
HTML:
<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>
效果图:
从效果图可以看到,除了要在块级元素加text-align:justify样式外,还需要在里面加一个空的span元素,并应用样式。另外,对于中文还必须用空格隔开汉字,否则也没有两端对齐的效果。英文每个单词都有空格隔开,所以没问题。
阅读全文
0 0
- CSS 汉字两端对齐
- css文字两端对齐
- css文字两端对齐
- CSS两端对齐
- CSS 文本两端对齐
- css:文本两端对齐
- css:文本两端对齐
- css:文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- CSS实现两端对齐
- css两端对齐
- CSS两端对齐
- CSS两端对齐
- 【CSS】两端对齐
- css两端对齐
- 学习springmvc的第十五天(springmvc自定义拦截器)
- G
- TF随笔-9
- SpringMVC Controller单例和多例
- 网络工程师基础
- CSS 汉字两端对齐
- Vue开发环境搭建
- R文本挖掘-文章关键词提取
- 20170724Linux下安装GDB以及调试时候遇到的问题延伸
- 设计模式之六大原则——里氏替换原则(LSP)
- String的分隔符
- I/Choreographer: Skipped 40 frames! The application may be doing too much work on its main thread.
- a标签的几种用法
- KIVY安装