怎样使input控件和文字垂直对齐?

• 要使input控件和文字对齐?
  主要还是要调整input控件的位置, 主要是设置 input控件的margin-top: -5px, 让input控件向上移动.

 <div class="form-group">
    <div class="col-md-offset-1 col-md-5">
      <span style="padding-right:18px;color:#666">登录类型:</span>
      <label class="radio-inline" style="margin-top: -6px;"><input type="radio" name="usrtype" value="trch" checked>type1</label> &nbsp; 
      <label class="radio-inline" style="margin-top: -6px;"><input type="radio" name="usrtype" value="buradm">tyep2</label> &nbsp; 
      <label class="radio-inline" style="margin-top: -6px;"><input type="radio" name="usrtype" value="jdadm">type3</label>
    </div>
  </div>

=======================================================
总的来说, easyui的控件使用还是很简单的, 无非就是options, events, methods.
比如:

• layout的panel方法, 可以返回某个region的面板, 这样就可以单独地设置某个region的高度/宽度, 而其他region的高度可以不受限制, 这样就会出现, 一边高, 一边矮的情况, 这个是可以的 var panelRegion = $('div.lay').layout('panel', 'center'); panelRegion.panel('resize', {'height': 400});...
• 当然也可以设置整个 layout的高度尺寸, 比如: $('div.lay'). layout('resize', {height: '更高的/更矮的尺寸');

怎样获取html的web页面可视区域(即显示内容)的宽度和高度, 这样就可以达到 (让某些内容)类似全屏的 功能, 而去掉头尾的logo或页面底部的footer信息.

要使用 : document.documentElement.clientHeight等, 而不能使用 screen.height, 或 screen.availHeight

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：
document.documentElement.clientWidth：取得浏览器页面可视区域的宽度
document.documentElement.clientHeight：取得浏览器页面可视区域的高度
screen.width：取得屏幕宽度
screen.height：取得屏幕高度
screen.availWidth：取得除任务栏外的屏幕宽度
screen.availHeight取得除任务栏外的屏幕高度

让一个页面上的按钮不要随着 滚动条的滚动而移动?

要设置该元素按钮 的位置position属性为 fixed, "即固定", 而不是absolute.

tooltip的使用

• 还是很简单的, 可以用class="easyui-tooltip" title="..."的方式直接写, 也可以用js的方式
• 几个属性/方法: position, content, trackMouse等属性, 方法有: show, hide, update, reposition等, 通过tip方法可以获得 提示的文本内容对象, 就可以用css方法来更改文字的颜色/字体大小等属性...
  要更改tooltip显示的内容, 不要用修改a链接元素的 title的方式 , 而要用 update方法 或 修改content 属性的方式, 当修改了tooltip的位置后, 最好用 reposition方法更新一下
• 有时候, 当隐藏 div.layout之外的元素时, 会造成tooltip的内容被隐藏, tooltip就显示不出来, 这时候, 要注意并不是tooltip出问题了, 而是 hide类 影响了它的显示, 要把tooltip的单独的 div元素要 去掉 hide类

  var clkCount=0;
  function fs(){
    var ch = document.documentElement.clientHeight;
    var $toHide = $('div#lay').siblings().not('.fscreen');  // 这里就包含了后来生成的tooltip 的div,所以造成后来生成的tooltip无法显示
    if(clkCount%2 == 0){
      $toHide.addClass('hide');  // 隐藏了所有非 layout的div
      $('div#lay').layout('resize', {'height':ch});
      $('span.glyphicon').removeClass('glyphicon-fullscreen').addClass('glyphicon-resize-small');
      $('a.easyui-tooltip').tooltip('update','恢复显示').tooltip({position: 'top'}).tooltip('reposition');  // 更新tooltip的内容和位置
      $('div.tooltip').removeClass('hide');  // 这里很重要, 手动去掉tooltip的hide类, 使提示框可以显示出来
    }else{
      $toHide.removeClass('hide');
      $('div#lay').layout('resize', {'height':'auto'});
      $('span.glyphicon').removeClass('glyphicon-resize-small').addClass('glyphicon-fullscreen');
      $('a.easyui-tooltip').tooltip('update','扩大显示').tooltip({position:'bottom'}).tooltip('reposition');
    }
    ++clkCount;
  }

• tooltip的内容实际上 是一个 div.tooltip.tooltip-bottom的块, 里面包含三个部分的内容, 一个是: div.tooltip-content, 一个是: div.tooltip-arrow-outer, 一个是div.tooltip-arrow

========================================================

position:absolute的元素, 会离开正常页面文档流, 就有一个跟正常文档流之间的一个上下层叠层次的问题, 所以 通常, absoulute都要跟 z-index相配合使用.

如何让 alter中的文字换行?

= 就是用 ' '就可以了, 而且字符串 可以用 单引号就可以了, 不必用双引号, 也不必用 两个分斜杠 " "