F4fu7o5c

2018-11-30 n_skij day39Created on 2018-12-01 by n_skij

おしごと

昨日のタスクが無事に通ってワーイってなった。
メインの仕事では既存のやつが思ってた以上にめちゃくちゃで猫になりそうだった。
来年からは残業祭りワッショーイになるかもしれない。うまいことやっていきたい。

CSSわからん

久々にハマった。考慮すべき属性の数値は揃えているのに、モデル通りにpタグ内の文字列が改行されてなくて困った。改行タグの有無だろうなーとwordbreak: keep-all or break-wordで解消されるかと思いきやされず。で、モデルの方の中身みたらbreak-all(単語の途中では改行しないやつ)使ってた。「hoge(ほげ)」って書いた時はこれで1単語として扱われるのを知らなかった。
って書いてたんだけど、改めて検証してみてCSS何もわからんってなった。break-allとbreak-wordいまいち違いがわからん。参考
まぁ仕事の方は想定通りになったしセーフで(
→コメントによって解消されました!

週末

ポケGOイベントとかピカブイとかしようかなと思います。
あとVueの勉強はじめる。

Gs9gxzlm
Commented on 2018-12-01

リファレンス見たけど、break-allとbreak-wordは

  • 単語の途中ではどちらも改行する
  • break-wordは単語の区切りで絶対に改行する
  • break-allは単語の区切りでも改行しない

という違いがあるみたいだね。
break-allだった場合はあくまでテキストが表示される要素の幅より長いテキストが来た場合に単語の途中で強制改行するだけ
break-wordだった場合は↑に加えて、単語の区切りごとに改行を常に行う
っていう感じかな

F4fu7o5c
Commented on 2018-12-01

break-allだった場合はあくまでテキストが表示される要素の幅より長いテキストが来た場合に単語の途中で強制改行

あーそういうことか。要素幅のギリギリあたりにhoge(hoge)って書かれた時にbreak-wordだと改行されてbreak-allだと幅未満ならいれてくれるのか。ありがとう。理解しました!

Gs9gxzlm
Commented on 2018-12-01

今4時だけどまさか起きてるとは