トップ空絵> flex-boxの中身が3点省略されない(悩)

flex-boxの中身が3点省略されない(悩)

空絵

160829kokan

cssの悩み…

fc2が関連記事のアイキャッチ画像を使えるテンプレートタグをリリースしたのでさっそく入れてみた。ちなみにタグはこれで画像urlを吐き出す仕組み。

今回新たに下記の変数が追加されました。
「<!--relate_list--> ~ <!--/relate_list-->」内で使うと記事のアイキャッチ画像のURLが表示されます。
<%topentry_relate_thumbnail>
※アイキャッチ画像のURLの大きさは、72(px)✕72(px)です。
※インスタグラムのアイキャッチ画像の場合は、150(px)✕150(px)です。

 

引用:FC2総合インフォメーション 【ブログ】関連記事リストにアイキャッチ画像が表示できるようになりました!

せかっくなのでflex-boxを使ってみようと思いdisplay:flexにするだけで横並びになるなどと?!(初体験)で感動したけど配置などうまくいかぬ。

CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 | コリス

とりあえずflex-basis:25%というありがたいのか何なのかわからない指定をしつつ…どうしてもタイトルがはみ出すのでいつもの3点リーダーで省略するやつやろうとおもったら、いくら指定しても出来ない。

flex-boxの中身はmin-width:0を指定すると良いという情報があったのでそれを追加するもできない…

Flexbox内のテキストを一行表示にして余った文字を省略表示する方法 | Web制作ナビ

もうわからないから投げ…

ちなみにいつも、適応中じゃないテンプレートのプレビューするurl末尾を忘れてしまうので備忘リンク↓

FC2ブログのテンプレートを失敗なく効率的にカスタマイズする方法 - hatena chips

?以降にno=記事NOで個別記事…

やらんとどんどん忘れるし錆つくダメになるorz

関連記事