我可以使用css或javascript使<span>看起來像只讀和固定大小的<input type =「text」>嗎？

我有一個<span>包圍一個很長的消息我可以使用css或javascript使<span>看起來像只讀和固定大小的<input type =「text」>嗎？

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

我可以使跨度的行爲看起來像一個只讀的，固定的使用CSS和Java腳本<input type="text">大小？我想會一直顯示在顯示消息的固定長度和用戶可以滾動查看詳細信息，如果消息是這麼久，就像下面的代碼的輸入控制：

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

來源

2010-08-19 Ken Chan

爲什麼不直接使用你所用的''標籤樣品？ – 2010-08-19 03:48:16

因爲JSF標籤只生成''，但我想要的行爲看起來像''。您可以參考http://stackoverflow.com/questions/3511280/format-the-date-using-fconvertdatetime-and - 顯示它在houtputtext – 2010-08-19 04:00:48

Tadaa！

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

來源

2010-08-19 03:50:04

是這樣的嗎？

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

來源

2010-08-19 03:59:01

因爲這裏你應該選擇div標籤，因爲這些固有的塊元素。這將會執行垂直和水平滾動。你可以只有溢出：自動滾動只在需要時出現。編輯：看到你只有跨度，在這種情況下，你需要定義，顯示：塊在CSS。 – User123342234 2010-08-19 04:07:01

是的，你是對的。我使用div，因爲它默認是塊元素。 – 2010-08-19 04:14:04

我可以使用css或javascript使<span>看起來像只讀和固定大小的<input type =「text」>嗎？

回答

相關問題