<html>

 <head>

  <style>

td:after {

    content: '';

}

td p{

  font-size: 14px;

  width: 5em;/*调整文字间距*/

  text-align-last: justify!important;/*自适应文本宽度*/

}

</style>

 </head>

 <body>

  <table>

   <tbody>

    <tr>

     <td> <input type="checkbox" name="SearchChk" id="chk_cgCompanyID" /></td>

     <td> <p>出库公司</p> </td>

     <td> <input name="CompanyID" id="cgCompanyID" class="easyui-textbox" /></td>

     <td> <input type="checkbox" name="SearchChk" id="chk_cgCompanyID" /></td>

     <td> <p>设置密码</p></td>

     <td> <input name="CompanyID" id="cgCompanyID" class="easyui-textbox" /></td>

    </tr>

    <tr>

     <td> <input type="checkbox" name="SearchChk" id="chk_cgCompanyID" /></td>

     <td> <p>确认密码</p></td>

     <td> <input name="CompanyID" id="cgCompanyID" class="easyui-textbox" /></td>

     <td> <input type="checkbox" name="SearchChk" id="chk_cgCompanyID" /></td>

     <td> <p>手机</p></td>

     <td> <input name="CompanyID" id="cgCompanyID" class="easyui-textbox" /></td>

    </tr>

    <tr>

     <td> <input type="checkbox" name="SearchChk" id="chk_cgCompanyID" /></td>

     <td> <p>邮箱</p></td>

     <td> <input name="CompanyID" id="cgCompanyID" class="easyui-textbox" /></td>

    </tr>

   </tbody>

  </table>

 </body>

</html>






 




实现效果




text-justify基本语法


 


语法：text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph 
参数： 
auto :允许浏览器用户代理确定使用的两端对齐法则 ；
inter-word :通过增加字之间的空格对齐文本，该行为是对齐所有文本行最快的方法，它的两端对齐行为对段落的最后一行无效 ；
newspaper : 通过增加或减少字或字母之间的空格对齐文本，是用于拉丁文字母表两端对齐的最精确格式 ；
distribute :处理空格很像newspaper，适用于东亚文档，尤其是泰国 ；
distribute-all-lines :两端对齐行的方式与distribute相同，也同样不包含两段对齐段落的最后一行，适用于表意字文档 ；
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格 。


参考：


https://www.cnblogs.com/sapho/p/5999603.html


https://www.cnblogs.com/nangezi/p/9042973.html
												


											
CSS 控制文字两端对齐的更多相关文章
	

    
								
  1. CSS实现文字两端对齐
		
    最近的项目遇到了这样的需求:(要求标题部分不管文字多少,都必须两端对齐) 如下图: 当时也没有多想直接使用‘ ’进行代替,毕竟产品同学想快一点看到效果,不敢怠慢!不过到第二个页面就傻眼了. 如图: 这 ...
    
		
    2. 
						
  2. css text-align文字两端对齐
		
    text-align:start | end | left | right | center | justify | match-parent | justify-all justify: 内容两端对 ...
    
		
    3. 
						
  3. 使用css让文字两端对齐
		
    text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;可以让文字实现两端对齐
    
		
    4. 
						
  4. css中文字两端对齐兼容IE
		
    text-align: justify; text-justify:inter-ideograph;
    
		
    5. 
						
  5. css文字两端对齐
		
    css文字两端对齐 text-align:Justify(火狐); text-justify:inter-ideograph(IE) text-justify(IE) 基本语法 text-justif ...
    
		
    6. 
						
  6. p标签text-align:justify以及CSS文字两端对齐
		
    p标签样式添加text-align:justify; 那么就会左右对齐. 使用前: 使用后: CSS文字两端对齐 使用前: 代码: <style> div{ width:100px; he ...
    
		
    7. 
						
  7. 实现段落文字两端对齐的css样式
		
    有时候网站中的文字比较多,虽然为父元素设置了宽度,但是总是会出现两端参差不齐的情况,看起来不整齐.其实实现段落的两端对齐,只需要设置两个css 样式即可. .demo{ text-align: jus ...
    
		
    8. 
						
  8. css实现表单label文字两端对齐
		
    如图,在我们写页面的时候,经常遇到这种的情况,而需求是想让label文字两端对齐,我们来看看如何用css解决 /**css代码**/ ul li{ list-style: none; } .info- ...
    
		
    9. 
						
  9. 可用的CSS文字两端对齐
		
    最近在工作项目中接触到Web界面设计的问题,要实现文字两端对齐的效果.在网上搜索了一下,用的都是类似的技巧: text-align:justify;text-justify:inter-ideogra ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. XAML属性和事件
			
    1.元素属性 XAML是一种声明性语言,XAML编译器会为每一个标签创建一个与之对应的对象.对象创建出来之后要对它的属性进行必要的初始化之后才有使用意义.因为XAML语言不能写程序运行逻辑,所以一份X ...
    
			
    2. 
						
  2. 谈谈EF Core实现数据库迁移
			
    作为程序员,在日常开发中,记忆犹新的莫过于写代码,升级程序.升级程序包含两部分:一是,对服务程序更新:二是,对数据库结构更新.本篇博文主要介绍数据库结构更新,在对数据库升级时,不知道园友们是否有如下经 ...
    
			
    3. 
						
  3. EF-入门操作
			
    EntityFramework Core 理解 DbContext :数据库 DbSet: 数据库表 Model : 数据行 IQueryable<Model> 查询结果集合 Lamada ...
    
			
    4. 
						
  4. 怎么将PDF转换成DWG?试试这两种方法
			
    在CAD中,PDF文件也是比较常见的.PDF文件可以更好的预览图纸.但是需要对图纸的内容进行编辑的时候,PDF文件就要进行格式的转换才能够编辑.那怎么将PDF文件转换为DWG格式呢?具体要怎么来进行转 ...
    
			
    5. 
						
  5. 高强度学习训练第十二天总结：Java hashCode和equals的关系
			
    今天要收拾东西.草草的总结下.. 1.如果两个对象相等,则hashcode一定也是相同的 2.两个对象相等,对两个对象分别调用equals方法都返回true 3.两个对象有相同的hashcode值,它 ...
    
			
    6. 
						
  6. layui 集成第三方和自定义组件到模块规范
			
    1.新建一个layui.extend.js文件,页面调用时这个文件放到layui.js后面. 2.基础的配置卸载config中,扩展的组件写入extend,组件的路径是相对于config下base的路 ...
    
			
    7. 
						
  7. python 计算 对象 占用大小
			
    # 这里主要是计算文件内容(str)的大小即: 统计空间占用情况, 并转换宜读单位 K,M def gen_atta_size(con): # 参数可以是任意数据类型 if con: size_b = ...
    
			
    8. 
						
  8. 安卓开发笔记（三十三）:Android仿写微信发现
			
    首先我们来看看仿写之后的效果: 看到是这个界面我们首先应该思考这些按钮是怎么做出来的?有了一个整体的思路之后才知道该怎么办.最开始我想的就直接利用button控件上面直接加上png的图片就可以形成一个 ...
    
			
    9. 
						
  9. 关于APICloud与DCloud的我的一些看法
			
    最近因为项目需要,研究了一下市场较为流行的四种移动开发平台:Wex5.APPcan.Dcloud.APICloud,Wex5因为界面UI较为老旧,且语法和js有较大出入,APPcan不开源等缘故,主要 ...
    
			
    10. 
						
  10. linux下查看程序占用多少内存
			
    执行 ps auxVSZ(或VSS)列 表示,程序占用了多少虚拟内存:RSS列 表示, 程序占用了多少物理内存:虚拟内存可以不用考虑,它并不占用实际物理内存. 或执行top 命令 VIRT(或VSS) ...
    
			
    11.