P48 优化标签和个人页面

1.white-space 属性 https://www.w3school.com.cn/css/pr_text_white-space.asp

实例

规定段落中的文本不进行换行:

p
  {
  white-space: nowrap
  }

可能的值

描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。

2.th:each index

<tr th:each="user,userStat:${users}"> 

 userStat是状态变量,如果没有显示设置状态变量,thymeleaf会默 认给个“变量名+Stat"的状态变量。

对arrayList对象users遍历,使用user作为接受参数接收,使用userStat作为users下标值,通过userStat.index得到当前所处下标值;

状态变量有以下几个属性:

  • index:当前迭代对象的index(从0开始计算)
  • count: 当前迭代对象的index(从1开始计算)
  • size:被迭代对象的大小
  • current:当前迭代变量
  • even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算)
  • first:布尔值,当前循环是否是第一个
  • last:布尔值,当前循环是否是最后一个
    当然,user和userStat可以自己定义名字,如果没定义状态变量,那么thymleaf会自动给一个“变量名+Stat”
发布了172 篇原创文章 · 获赞 5 · 访问量 7034

猜你喜欢

转载自blog.csdn.net/shujuku____/article/details/104523591
48