Span Tag Width setting

Recently doing some work on data table modifications as follows:

The DataGrid control in Easyui is used in many cases to implement the effect that a user clicks or double-clicks a row to eject a line of information, as shown in:

Each of the information in the box has a span tag in the input box to show the information, usually the number of words in the message is different, so the following problem arises: the alignment problem when the words are inconsistent. As shown in: The Width property by setting the span tag does not work.

Then, there are ways to solve this problem, such as: a div tag is placed in the outer layer of the span tag, the Width property of the div tag is used to control where the span content is displayed, or you can set the float property of the span tag (float will cause other problems, not recommended) ；

After finding the data, find a way: By setting the span tag {display:inline-block}, as shown in:

When this is set, the width property of the span tag takes effect.

PS: On the Internet to find some information, it is said that the browser to the inline and block support is not the same, you can view the link http://blog.csdn.net/nuptsv_ice/article/details/10394541

Span Tag Width setting