最近在做點關于數據表格的修改工作，如下所示：

上圖中使用了EasyUi中的 datagrid 控件，很多情況下需要實現用戶單擊或者雙擊某一行，彈出某一行信息的效果，如下圖所示：

彈框中的每一個信息input框都有個span標簽來做個信息展示，通常情況下，信息的字數個數不一樣，所以就產生了如下問題：字數不一致的時候的對齊問題。如圖中所示：通過設置span標記的width屬性不起作用。

然后，會有一些方法來解決這個問題，比如：span標記外層放一個div標簽，通過div標簽的width屬性來控制span內容的顯示位置；也可以設置span標記的float屬性來設置（float后會產生其他問題，不推薦使用）；

查找資料后，找到個辦法：通過設置span標記的{display:inline-block},如下圖所示：

這么設置后，span標記的width屬性就生效了。

PS：在網上查了些資料，據說是瀏覽器對 inline 和 block 的支持不一樣，可查看鏈接http://blog.csdn.net/nuptsv_ice/article/details/10394541

轉載于:https://www.cnblogs.com/maxiaoshuai/p/5580514.html

總結

以上是生活随笔為你收集整理的span 标记 width 设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。