「slick」で画像スライドの上に文字を中央配置する。(1)HOME「slick」で画像スライドの上に文字を中央配置する。2019/04/24未所属スライダーの実装なんかの時にすごく便利な「Slcik」ただ、スライドの画像の上に文字を置こうとした時に公式ではサポートがないということなので、追加cssだけで実現してみたいと思います。要件:画像はimgタグで挿入(wordpressでの実装を考えて)。各スライダーがそれぞれ独立したリンクになっている文字は縦横中央配置。テキストは一行で収まらない可能性がある。(line-height実装では不可能な場合。一般的なslickを利用したスライダーの実装を考えます。sample.htmlXHTML<!--※CSS、Javascript、jQueryの読み込みは省略しています。</script>12345678910<!--※CSS、Javascript、jQueryの読み込みは省略しています。結論からいうと、文字部分の領域をposition:absolute;でレイヤーを重ね、flexboxを利用した中央配置を行うことでスムーズに実装ができました。src="ex1.jpg"><div><p>テスト用のテキストです。src="ex2.jpg"><div><p>テスト用のテキストです。src="ex3.jpg"><div><p>テスト用のテキストです。src="ex4.jpg"><div><p>テスト用のテキストです。src="ex1.jpg"><div><p>テスト用のテキストです。src="ex2.jpg"><div><p>テスト用のテキストです。src="ex3.jpg"><div><p>テスト用のテキストです。src="ex4.jpg"><div><p>テスト用のテキストです。center;}これでスライダーの上に文字が表示されるはずです。実機テストをやって一応しっかり動いています。サンプルは暇があればまた...。