前提・実現したいこと
スライドショーの上に文字を中央寄せで表示させたいのですが
left: 50%;
top: 50%;
を使うと改行が多く読みにくくなってしまうので
これ以外の方法があったら教えていただきたいです。
該当のソースコード
html
1<div id="demo-1" data-zs-src='["images/slide01.jpg", "images/slide02.jpg", "images/slide03.jpg", "images/slide04.jpg", "images/slide05.jpg"]' data-zs-speed="8000" data-zs-switchSpeed="800" data-zs-interval="4500"> 2 3 <span>ああああああああああああ<br>ああああああああああああああああああああああああああああああ</span></div>
css
1#demo-1{ 2 overflow: hidden; 3 width: 100%; 4 min-height: 450px; 5 background-color: #FFF; 6} 7 8#demo-1 span { 9 font-size: 1.3em; 10 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; 11 font-style: italic; 12 color: #FFF; 13 position: absolute; 14 margin: auto; 15 z-index: 1; 16 left: 50%; 17 top: 50%; 18 transform: translate(-50%, -50%); 19}
>改行が多く読みにくくなってしまうのでこれ以外の方法があったら教えていただきたいです。
→ どういう事でしょうか?
どのような設定しても、全てを強制的に1行にしない限り、文字数が多くなれば改行は普通の事ではないのでしょうか?
回答3件
あなたの回答
tips
プレビュー