包含sublime的margin是干嘛的的词条
sublime text2如何更改行间距和字符间距?
在设置,用户里面增加下面两行.
//行底部的内填充?数字大小就是行间距
"line_padding_bottom":?1,?
//行顶部的内填充?数字大小就是行间距
"line_padding_top":?1,
//?行号边栏和文字的间距?“margin”:?4,
以下是设置详解:
Preferences.sublime-settings文件:
//?While?you?can?edit?this?file,?it’s?best?to?put?your?changes?in
?//?“User/Preferences.sublime-settings”,?which?overrides?the?settings?in?here.
?//
?//?Settings?may?also?be?placed?in?file?type?specific?options?files,?for
?//?example,?in?Packages/Python/Python.sublime-settings?for?python?files.
?{
?//?Sets?the?colors?used?within?the?text?area
?//?主题文件的路径
?“color_scheme”:?“Packages/Color?Scheme?–?Default/Monokai.tmTheme”,
//?Note?that?the?font_face?and?font_size?are?overriden?in?the?platform
?//?specific?settings?file,?for?example,?“Preferences?(Linux).sublime-settings”.
?//?Because?of?this,?setting?them?here?will?have?no?effect:?you?must?set?them
?//?in?your?User?File?Preferences.
?//?设置字体和大小,必须在Settings-User里重写,这里设置没有任何效果
?“font_face”:?“Consolas”,
?“font_size”:?12,
//?Valid?options?are?“no_bold”,?“no_italic”,?“no_antialias”,?“gray_antialias”,
?//?“subpixel_antialias”?and?“no_round”?(OS?X?only)
?//?字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_antialias关闭反锯齿
?//?subpixel_antialias和no_round是OS?X系统独有的
?“font_options”:?[],
//?Characters?that?are?considered?to?separate?words
?//?在文字上双击会全选当前的内容,如果里面出现以下字符,就会被截断
?“word_separators”:?“./\\()\”‘-:,.;~!@#$%^*|+=[]{}`~?”,
//?Set?to?false?to?prevent?line?numbers?being?drawn?in?the?gutter
?//?是否显示行号
?“line_numbers”:?true,
//?Set?to?false?to?hide?the?gutter?altogether
?//?是否显示行号边栏
?“gutter”:?true,
//?Spacing?between?the?gutter?and?the?text
?//行号边栏和文字的间距
?“margin”:?4,
//?Fold?buttons?are?the?triangles?shown?in?the?gutter?to?fold?regions?of?text
?//?是否显示代码折叠按钮
?“fold_buttons”:?true,
//?Hides?the?fold?buttons?unless?the?mouse?is?over?the?gutter
?//?不管鼠标在不在行号边栏,代码折叠按钮一直显示
?“fade_fold_buttons”:?true,
//?Columns?in?which?to?display?vertical?rulers
?//列显示垂直标尺,在中括号里填入数字,宽度按字符计算
?“rulers”:?[],
//?Set?to?true?to?turn?spell?checking?on?by?default
?//?是否打开拼写检查
?“spell_check”:?false,
//?The?number?of?spaces?a?tab?is?considered?equal?to
?//?Tab键制表符宽度
?“tab_size”:?4,
//?Set?to?true?to?insert?spaces?when?tab?is?pressed
?//?设为true时,缩进和遇到Tab键时使用空格替代
?“translate_tabs_to_spaces”:?false,
//?If?translate_tabs_to_spaces?is?true,?use_tab_stops?will?make?tab?and
?//?backspace?insert/delete?up?to?the?next?tabstop
?//?translate_tabs_to_spaces设置为true,Tab和Backspace的删除/插入作用于制表符宽度
?//?否则作用于单个空格
?“use_tab_stops”:?true,
//?Set?to?false?to?disable?detection?of?tabs?vs.?spaces?on?load
?//?false时禁止在载入的时候检测制表符和空格
?“detect_indentation”:?true,
//?Calculates?indentation?automatically?when?pressing?enter
?//?按回车时,自动与制表位对齐
?“auto_indent”:?true,
//?Makes?auto?indent?a?little?smarter,?e.g.,?by?indenting?the?next?line
?//?after?an?if?statement?in?C.?Requires?auto_indent?to?be?enabled.
?//针对C语言的
?“smart_indent”:?false,
//?Adds?whitespace?up?to?the?first?open?bracket?when?indenting.?Requires
?//?auto_indent?to?be?enabled.
?//?需要启用auto_indent,第一次打开括号缩进时插入空格?(没测试出来效果…)
?“indent_to_bracket”:?true,
//?Trims?white?space?added?by?auto_indent?when?moving?the?caret?off?the
?//?line.
?//?显示对齐的白线是否根据回车、tab等操作自动填补
?“trim_automatic_white_space”:?true,
//?Disables?horizontal?scrolling?if?enabled.
?//?May?be?set?to?true,?false,?or?“auto”,?where?it?will?be?disabled?for
?//?source?code,?and?otherwise?enabled.
?//?是否自动换行,如果选auto,需要加双引号
?“word_wrap”:?false,
//?Set?to?a?value?other?than?0?to?force?wrapping?at?that?column?rather?than?the
?//?window?width
?//?设置窗口内文字区域的宽度
?“wrap_width”:?0,
//?Set?to?false?to?prevent?word?wrapped?lines?from?being?indented?to?the?same
?//?level
?//?防止被缩进到同一级的字换行
?“indent_subsequent_lines”:?true,
//?Draws?text?centered?in?the?window?rather?than?left?aligned
?//?如果没有定义过,则文件居中显示(比如新建的文件)
?“draw_centered”:?false,
//?Controls?auto?pairing?of?quotes,?brackets?etc
?//?自动匹配引号,括号等
?“auto_match_enabled”:?true,
//?Word?list?to?use?for?spell?checking
?//?拼写检查的单词列表路径
?“dictionary”:?“Packages/Language?–?English/en_US.dic”,
//?Set?to?true?to?draw?a?border?around?the?visible?rectangle?on?the?minimap.
?//?The?color?of?the?border?will?be?determined?by?the?“minimapBorder”?key?in
?//?the?color?scheme
?//?代码地图的可视区域部分是否加上边框,边框的颜色可在配色方案上加入minimapBorder键
?“draw_minimap_border”:?false,
//?If?enabled,?will?highlight?any?line?with?a?caret
?//?突出显示当前光标所在的行
?“highlight_line”:?false,
//?Valid?values?are?“smooth”,?“phase”,?“blink”,?“wide”?and?“solid”.
?//?设置光标闪动方式
?“caret_style”:?“smooth”,
//?Set?to?false?to?disable?underlining?the?brackets?surrounding?the?caret
?//?是否特殊显示当前光标所在的括号、代码头尾闭合标记
?“match_brackets”:?true,
//?Set?to?false?if?you’d?rather?only?highlight?the?brackets?when?the?caret?is
?//?next?to?one
?//?设为false时,只有光标在括号或头尾闭合标记的两端时,match_brackets才生效
?“match_brackets_content”:?true,
//?Set?to?false?to?not?highlight?square?brackets.?This?only?takes?effect?if
?//?match_brackets?is?true
?//?是否突出显示圆括号,match_brackets为true生效
?“match_brackets_square”:?false,
//?Set?to?false?to?not?highlight?curly?brackets.?This?only?takes?effect?if
?//?match_brackets?is?true
?//?是否突出显示大括号,match_brackets为true生效
?“match_brackets_braces”:?false,
//?Set?to?false?to?not?highlight?angle?brackets.?This?only?takes?effect?if
?//?match_brackets?is?true
?//?是否突出显示尖括号,match_brackets为true生效
?“match_brackets_angle”:?false,
//?Enable?visualization?of?the?matching?tag?in?HTML?and?XML
?//?html和xml下突出显示光标所在标签的两端,影响HTML、XML、CSS等
?“match_tags”:?true,
//?Highlights?other?occurrences?of?the?currently?selected?text
?//?全文突出显示和当前选中字符相同的字符
?“match_selection”:?true,
?//?设置每一行到顶部,以像素为单位的间距,效果相当于行距
?“line_padding_top”:?1,
?//?设置每一行到底部,以像素为单位的间距,效果相当于行距
?“line_padding_bottom”:?1,
?//?设置为false时,滚动到文本的最下方时,没有缓冲区
?“scroll_past_end”:?true,
?//?控制向上或向下到第一行或最后一行时发生什么(没明白也没试出来)
?“move_to_limit_on_up_down”:?false,
?//?按space或tab时,实际会产生白色的点(一个空格一个点)或白色的横线(tab_size设置的制表符的宽度),选中状态下才能看到
?//?设置为none时,什么情况下都不显示这些点和线
?//?设置为selection时,只显示选中状态下的点和线
?//?设置为all时,则一直显示
?“draw_white_space”:?“selection”,
?//?制表位的对齐白线是否显示,颜色可在主题文件里设置(guide,activeGuide,stackGuide)
?“draw_indent_guides”:?true,
?//?制表位的对齐白线,draw_normal为一直显示,draw_active为只显示当前光标所在的代码控制域
?“indent_guide_options”:?["draw_normal"],
?//?为true时,保存文件时会删除每行结束后多余的空格
?“trim_trailing_white_space_on_save”:?false,
?//?为true时,保存文件时光标会在文件的最后向下换一行
?“ensure_newline_at_eof_on_save”:?false,
?//?切换到其它文件标签或点击其它非本软件区域,文件自动保存
?“save_on_focus_lost”:?false,
?//?编码时不能自动检测编码时,将自动检测ASCII,?UTF-8?和?UTF-16
?“fallback_encoding”:?“Western?(Windows?1252)”,
?//?默认编码格式
?“default_encoding”:?“UTF-8〃,
?//?包含空字节的文件被打开默认为十六进制
?“enable_hexadecimal_encoding”:?true,
?//?每一行结束的时候用什么字符做终止符
?“default_line_ending”:?“system”,
?//?设置为enabled时,在一个字符串间按Tab将插入一个制表符
?//?设置为true时,按Tab会根据前后环境进行代码自动匹配填补
?“tab_completion”:?true,
?//?代码提示
?“auto_complete”:?true,
?//?代码提示的大小限制
?“auto_complete_size_limit”:?4194304,
?//?代码提示延迟显示
?“auto_complete_delay”:?50,
?//?代码提示的控制范围
?“auto_complete_selector”:?“source?–?comment”,
?//?触发代码提示的其他情况
?“auto_complete_triggers”:?[?{"selector":?"text.html",?"characters":?""}?],
?//?设为false时,选择提示的代码按回车或点击可以输出出来,但选择true时不会输出而是直接换行
?“auto_complete_commit_on_tab”:?false,
?“auto_complete_with_fields”:?false,
?//?设置为false,使用Shift?+?tab总是插入制表符
?“shift_tab_unindent”:?true,
?//?选中的文本按Ctrl?+?f时,自动复制到查找面板的文本框里
?“find_selected_text”:?true,
//?Data\Packages\Theme?–?Default\Default.sublime-theme控制软件的主题
?“theme”:?“Default.sublime-theme”,
?//?滚动的速度
?“scroll_speed”:?1.0,
?//?左边边栏文件夹动画
?“tree_animation_enabled”:?true,
?//?标签页的关闭按钮
?“show_tab_close_buttons”:?true,
//?Valid?values?are?“system”,?“enabled”?and?“disabled”
?//?水平垂直滚动条:system和disabled为默认显示方式,enabled为自动隐藏显示
?“overlay_scroll_bars”:?“system”,
?}
sublime中,怎么把所有的函数代码都折叠起来?
点击Sublime的Preferences-Setting-Default菜单,打开它的配置文件。找到如下一行的配置:
"fold_buttons": true,值为true则是显示三角折叠按钮,反之则不显示。
当然了,不推荐直接改它的默认配置文件,可以在Setting-User里覆盖此变量值。
Sublime Text:
Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
2012年6月26日推出新版本的Sublime Text 2.0,与之前版本相比主要有较大的改善:支持 Retina 视网膜屏、快速跳到下一个、文本拖放、改善构建系统、CSS 自动完成和高亮设置等。
Sublime Text 2使用方法
这个不像dreamweaver,在输入时是没有语法提示的。
你可以安装emmet(zen coding的新版本)插件,比如你想输入margin-left,按 ml 然后tab键就会自动生成。
sublime中关于图片居中
如果你仅仅是想让图片居中,最简单的方法是设为背景图片,如:
div {
width:500px;border:1px solid #f00;
height:500px;
background:url("/images/logos.gif") center no-repeat
}
如果要实现图片在div内垂直水平居中,代码如下:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title/title
style type="text/css"
.img_v {
display:table-cell !important;
display:block;
position:static !important;
position:relative;
overflow:hidden;
width:400px;
height:400px;
border:1px solid #000;
vertical-align:middle;
text-align:center;
}
.img_v p {
display:table-cell !important;
display:block;
margin:0;
position:static !important;
position:absolute;
top:50%;
left:50%;
width:400px;
margin-left:auto;
margin-right:auto;
}
.img_v img {
position:static !important;
position:relative;
top:auto !important;
top:-50%;
left:auto !important;
left:-50%;
}
/style
/head
body
div class="img_v"
pimg src="/images/logos.gif"/p
/div
/body
/html
sublime text中用emmet怎么编写margin:0 auto;
margin:0 atuo;
m0按tab不行吗?
不行的话,可以自己修改,增删快捷键。
打开?Data\Packages\Emmet\emmet\snippets.json
这个文件,前面是快捷键,后面是输出内容,比如你要增加?padding:0 0 0 30px;
在里面增加一行就行,比如 "pl30":"padding:0 0 0 30px;"
里面的竖线 | 是代表光标的位置 希望能帮到你。