表单居中,坑爹啊
2014年3月17日 10:18:06
表单居中的问题,困扰了很多次。具体的问题是: 左侧label是浮动的,直接居中的,就跑到input上面了。为了保持水平,同时表单还要居中。将FIELDSET标签放入一个div div的内边距设置了200px。模拟出了居中的效果
代码如下:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<FIELDSET > <DIV id=legend ><LEGEND>供应商档案</LEGEND></DIV> <DIV class='mydiv'> <DIV class='control-group'><!-- Text input--><LABEL class=control-label for=input01>名称</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Name" placeholder="公司名称"> <P class=help-block>不要超过50汉字</P> </DIV> </DIV> <DIV class=control-group><!-- Select Basic --><LABEL class="control-label">类型</LABEL> <DIV class=controls><SELECT class=input-xlarge name="s_Type"> <OPTION selected>元器件</OPTION> <OPTION>元器件</OPTION> <OPTION>元器件</OPTION> <OPTION>零件</OPTION> <OPTION>零件</OPTION> </SELECT></DIV> </DIV> <DIV class=control-group><!-- Text input--><LABEL class=control-label for=input01>编码</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Id" placeholder="注意不可以重复"><button class="btn btn-mini" type="button">Go!</button> <P class=help-block>只能为字母和数字</P> </DIV> </DIV> <DIV class=control-group><!-- Text input--><LABEL class=control-label for=input01>地址</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Address" placeholder="详细地址"> <P class=help-block>不要超过50汉字</P> </DIV> </DIV> <DIV class=control-group><!-- Text input--><LABEL class=control-label for=input01>联系人</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Person" placeholder="格式:吴文付或吴先生"> <P class=help-block>建议为供应商负责人</P> </DIV> </DIV> <DIV class=control-group><!-- Text input--><LABEL class=control-label for=input01>联系方式</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Phone" placeholder="联系人手机或公司电话"> <P class=help-block>必填,建议为联系人的手机</P> </DIV> </DIV> <DIV class=control-group><!-- Text input--><LABEL class=control-label for=input01>备注</LABEL> <DIV class=controls><INPUT class=input-xlarge type=text name="s_Remark" placeholder="额外信息"> <P class=help-block>简单描叙,限50汉字</P> </DIV> </DIV> <DIV class=control-group><LABEL class=control-label></LABEL> <!-- Button --> <DIV class=controls> <BUTTON class="btn btn-success" type=submit>提交</BUTTON> <BUTTON class="btn btn-success" type=reset>重置</BUTTON> </DIV> </FIELDSET> </DIV> </DIV> </FORM>
2014年3月17日 13:03:24
应用了前端框架的提示。
代码如:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<input type="text" class="input-xlarge" id="keyWord" data-content="输入供应商的编码" placeholder="输入供应商的名称" /> $('#keyWord').popover("")
2014年3月17日 13:06:33
恶心死了,今天一个同事遇到 一个政府领导的索贿要求,唉。一口气 9000多块。
2014年3月17日 19:52:17
回到小窝里,解决了sublime text2的快捷键问题 ctrl+shift+f 可以格式化代码了。
解决的方法: 参考了老外的 https://joshbetz.com/2012/09/reindent-text-in-sublime
2014年3月17日 20:20:34
安装了2个插件 一个去空行的
DeleteBlankLines
一个是自动注释的 DocBlockr,
这2个是我最需要的。
插件的安装思路: 先调出控制台:执行如下代码:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
再执行 ctrl+shift+p。此时会输出一个输入框, 输入install。 选择package contrl: install package 回车
然后输入插件的名称 即可 ,
QQ:540045865
热爱生活,热爱编程。