布局最好用的是flex，但是恶心就恶心在各个浏览器对flex支持程度不一样。支持最好的是chrome。

如果你只是静态布局的话，那么下面这个例子在目前各主流浏览器里应该都支持。但是如果你用flex-basis的数值来动态调整splitter view的宽度，在某些浏览器可能会出错。

jsfiddle.net/Lwjd860k

<div style="display:flex; width: 100%;">
<span style="flex:0 0 auto;min-width:120px;max-width:540px;">
Your title is here, it will fit the size of your text and you can specify min and max;
</span>
<input style="flex:1 1 auto;" type="text" value="Your value in this text box."/>
<div>


【 在 Outlook 的大作中提到: 】
: 代码简写如下：
: <div class="row">
: <div class="col-md-1">文章标题</div>
: ...................
--
FROM 110.23.10.*