1行または複数行を垂直に整列する方法は?1行または複数行を垂直に整列する方法
私は省略記号が必要ですが、状況によっては1行しか表示しないことがあります。
これはこれまでのところ私のコードです:
html, body, p {
margin: 0;
padding: 0;
font-family: sans-serif;
}
.ellipsis {
height: 100px;
border: 5px solid #AAA;
}
.blah {
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
display: block;
}
.blah:before {
content:"";
float: left;
width: 5px;
height: 3.6em;
}
.blah > *:first-child {
float: right;
width: 100%;
margin-left: -5px;
}
ライブ例:http://jsfiddle.net/0dqef9da/274/
可能な重複します(http:/
リンクをクリックしてください/stackoverflow.com/questions/5269713/css-ellipsis-on-second-line) – Troyer
これは私の質問ではありません...私の質問は、1行または複数の行を垂直に整列する方法です。 – bundy
問題文はあいまいです。 "[...]いくつかの状況では、私は1行だけ、そして時には2行だけを表示したい。"どのような状況で*正確に*? –