Home > Article > Web Front-end > 请教一个html设计排版问题_html/css_WEB-ITnose
最近在做一个办公管理项目,其中有一个问题想请教一下各位大神。
我想把数据垂直排列,但不知道除了用空格以外其他智能方法来排序。
例如:
申请人:xxx
会议室:xxx
开始时间:x年x月x日
结束时间:x年x月x日
希望改成
申请人: xxx
会议室: xxx
开始时间:x年x月x日
结束时间:x年x月x日
'<p>申请人:   {cstuser.realName}</p>', '<p>会议室:   {meet.roomNum}</p>', '<p>开始时间:{[cstsh.utils.Global.FomratDate(values.beginTime,"m月d日H时i分")]}</p>', '<p>结束时间:{[cstsh.utils.Global.FomratDate(values.endTime,"m月d日H时i分")]}</p>',
上面代码排列错了
'<p>申请人:   {cstuser.realName}</p>', '<p>会议室:   {meet.roomNum}</p>', '<p>开始时间:{[cstsh.utils.Global.FomratDate(values.beginTime,"m月d日H时i分")]}</p>', '<p>结束时间:{[cstsh.utils.Global.FomratDate(values.endTime,"m月d日H时i分")]}</p>',
给“:”之前的文本加一个标签span什么的 然后固定宽度 这样就能对齐了
、
空格是可以的,楼上说的方法也行。
但要注意使用空格符有一个缺点,如果你的第一行空格前面出现中英文(英文字符个数为单数)的混合,第二行只有中文字符,那么你用空格是无法对齐的。ps:有时候你在使用一个空格的时候可以直接打空格键就行,需要用到多个空格时再用 。附送一条,换行符也会被视为一个空格。