html - スパン-テキストボックスと同じ動作ですか？

Question

テキストボックスのような動作をするテキストでスパンをプログラムするにはどうすればよいですか？

私が正確に望んでいるのは、サイズが変更できないスパン、テキストの整列は左ですが、テキストがスパンの幅より長い場合、テキストの整列は右に変更され、オーバーフローは非表示になります。

これが私が得たものです：

<span style="width: 250px; height: 30px; overflow:hidden;">example text</span>

もちろん、これはサンプルテキストが何らかの形で変更可能である場合にのみ意味があります。javascriptなしでこのalignの変更をアーカイブすることはできませんか？純粋なhtmlとcss？

どうも

Answer 1

デフォルトでは、スパンはインライン要素としてレンダリングされます。インライン要素は、幅、高さ、またはオーバーフロー設定の影響を受けません。ブロック (またはインライン ブロック) として表示するように変更する必要があります。

<span style="width: 250px; height: 30px; overflow:hidden; display:block;">example text</span>