欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

请教一个html设计排版问题_html/css_WEB-ITnose

程序员文章站 2022-04-23 23:50:02
...
最近在做一个办公管理项目,其中有一个问题想请教一下各位大神。
我想把数据垂直排列,但不知道除了用空格以外其他智能方法来排序。
例如:
申请人:xxx
会议室:xxx
开始时间:x年x月x日
结束时间:x年x月x日
希望改成
申请人: xxx
会议室: xxx
开始时间:x年x月x日
结束时间:x年x月x日

                        '

申请人:&nbsp&nbsp&nbsp{cstuser.realName}

', '

会议室:&nbsp&nbsp&nbsp{meet.roomNum}

', '

开始时间:{[cstsh.utils.Global.FomratDate(values.beginTime,"m月d日H时i分")]}

', '

结束时间:{[cstsh.utils.Global.FomratDate(values.endTime,"m月d日H时i分")]}

',


回复讨论(解决方案)

上面代码排列错了

'

申请人:&nbsp&nbsp&nbsp{cstuser.realName}

', '

会议室:&nbsp&nbsp&nbsp{meet.roomNum}

', '

开始时间:{[cstsh.utils.Global.FomratDate(values.beginTime,"m月d日H时i分")]}

', '

结束时间:{[cstsh.utils.Global.FomratDate(values.endTime,"m月d日H时i分")]}

',

给“:”之前的文本加一个标签span什么的 然后固定宽度 这样就能对齐了

空格是可以的,楼上说的方法也行。
但要注意使用空格符有一个缺点,如果你的第一行空格前面出现中英文(英文字符个数为单数)的混合,第二行只有中文字符,那么你用空格是无法对齐的。ps:有时候你在使用一个空格的时候可以直接打空格键就行,需要用到多个空格时再用&nbsp。附送一条,换行符也会被视为一个空格。