最后一个寒假,在家已经呆了好多天了,看书,看视频,看电视,吃饭,剩下的好像就没什么了。之前提到过要做一个脖子放松的小工具,在TW class上跟大家分享了我的想法,有人提出HTML5和CSS3可以完成类似的工作,放假前花了1天时间来研究,成果如下。

最后一个寒假

  上图的实现方法很简单,这两段文字都是在一个html标签下的,在CSS3中直接对标签进行旋转即可。从上图可以看到,文字确实完成了旋转,但是不是我希望的那样,我希望能做到单个文字进行旋转,旋转后的文字依然是排列在一行中的。那么我该如何解决这个问题呢?

  想了很久,得出以下答案:

  1. 对每个字进行标签化,也就是说将每个字都放入一个标签下,然后对标签进行处理即可。但这样做就又会出现新的问题:如果把旋转后的标签排列成一行,哎,想想又头大了。
  2. 索性不解决这个问题,就按照上面的方式进行处理,读取一行文字,然后将文字旋转,然后读取下一行,然后再旋转。

  不管怎么样,都没有达到我原来的要求,看来还要再查查资料了。

PS: 代码整洁之道第14章很精彩,很值得多读几遍。

PS之PS:洗碗的时候想到的,博大家一笑

  三十儿下班high

  春节乐开怀

  听到过年加班的我眼泪掉下来

  加班把代码改

  从头到尾改

  大年初一领导让我全部改回来

  当初是你让我改

  说改咱就改

  改完之后你又说

  让我改回来

  代码不是你想改

  想改就能改

  这儿也要改

  那儿也要改

  牛B你自己来!!!

相关文章:

  • 2021-12-16
  • 2022-12-23
  • 2021-06-07
  • 2021-08-14
  • 2019-01-22
猜你喜欢
  • 2022-12-23
  • 2021-11-14
  • 2022-01-04
  • 2021-10-23
  • 2021-12-28
  • 2021-11-19
相关资源
相似解决方案