我可以使<span>外观看起来像是只读且固定大小的</span> <span><input type=“text” ></span> <span>使用CSS或JavaScript？</span>

Question

I have a <span> which encloses a very long message

<span>A very long message..........</span>

Can I make the span 's behavior look like a read-only and fixed sized <input type="text"> using CSS or java script ? I want the displayed message will has the fixed length displayed and user can scroll to see the whole message if the message is so long, just like the input control of the following code:

<input type="text" value="A very long message.........." readonly="readonly" size="40" >

Answer 1

像这样吗

<div style="height:200px;overflow:auto;">text</div>

Answer 2

多田

<input type="text" value="A very long message.........." readonly="readonly" size="40" >