css中单行文本分散对齐

今天突然遇到一个问题，这种情况里文字的对齐方式怎么破，text-align:justify 不好使呢

突然觉得自己弱爆了

经过一通百度，终于实现了，上代码

<table><tr><td lang="zh">省份</td><td>：</td><td><input type="text"></td></tr><tr><td lang="zh">电话</td><td>：</td><td><input type="text"></td></tr><tr><td lang="zh">手机号</td><td>：</td><td><input type="text"></td></tr></table>样式：table tr td:nth-child(1){text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;
}

效果图

原来，只写text-align:justify 没效果，是因为它的两端对齐，对文本的最后一行是不起效果的，我们这种一行的当然不起效果了

第一步，需要加 text-align-last: justify; 该样式是设置文本最后一行的对齐方式，加上它就可以啦

第二步， text-justify:distribute-all-lines; 它的作用是为了兼容ie

第三步，在设置该样式的标签中需要设置 lang='zh' ，是为了兼容火狐

目前只知道这种方法，朋友们有更好方法的话，还请不吝赐教呀

css中单行文本分散对齐相关推荐

【CSS技巧】文字分散对齐的方法
<table width="300" align="center"><tr><td style="text-align: ...
[css] 实现单行文本居中和多行文本左对齐并超出显示“...“
[css] 实现单行文本居中和多行文本左对齐并超出显示"-" .one {text-align: center }.multi {overflow: hiddentext-over ...
css+js解决文本两端对齐以及分散对齐
一个很简单的设计排版样式,A图表示居左对其,但实际上我们想要的可能是B所示的对齐方式. 这就是传说中的两端对齐还有一种更确切的说法是两端分散对齐. 最开始的时候 ,我试图使用CSS来解决这个小问题, ...
如何用css实现一段文字的两端对齐和分散对齐
用css实现一段文字的两端对齐和分散对齐代码分享: <style> div { text-align-last:justify; text-align:justify; text-just ...
html 强制分散对齐,CSS 水平分散对齐
想要一排按钮均匀分散对齐: 主页主页主页主页主页自然想到用text-align text-align: justify; 但有个问题, justify 是说对于多行文字,中间的文字分散对齐, ...
两端分散对齐怎么设置_如何用css实现一段文字的两端对齐和分散对齐
展开全部用css实现一段32313133353236313431303231363533e78988e69d8331333433646435文字的两端对齐的代码输入步骤如下: 1.首先输入代码让这段 ...
html 强制分散对齐,强制两端对齐的函数或者CSS
虽然网上流行"两端对齐"这种说法,但实际上没有文字段两端对齐的明确定义.所谓的"文字段两端对齐"其实质上都是"文字段分散对齐"即这个定义:s ...
css文本两端分散对齐样式
<!DOCTYPE html> <html> <head><title>文本两端分散对齐</title><meta charset=& ...
TextView渲染机制与优化(StaticLayout)，TextView上的文字分散对齐，TextView用处
Android 字体适配的各种场景- https://github.com/wildma/FontAdaptation -- TextView中的.setText和.append的区别: setTex ...

css中单行文本分散对齐

css中单行文本分散对齐相关推荐

最新文章

热门文章