如何让div中的文字垂直,水平居中;不使用line-height;随着高度的变化而变化

css 元素垂直左右居中

1. flex 布局, 垂直居中: align-items:center;, 左右居中: justify-content: center; 包括行和块级元素
2. grid 布局, 垂直居中: align-content: center;, 左右居中 justify-content: center;, 包括行和块级元素

图片随着元素的大小变化,自动填充且居中显示

1. 元素的大小可以根据一个div通过flex布局实现
2. 图片需要当成div的背景图片
3. background-position: 50% 50%, 背景图片居中, background-size: cover; 自动填充, 需要加上这两个属性

超出文本使用点表示方法

1. 如果是一行 text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
2. 如果是多行 overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

input的光标自动聚焦并移动到指定位置

// 1.
(function($){
　　$.fn.textFocus=function(v){
　　　　var range,len,v=v===undefined?0:parseInt(v);
　　　　this.each(function(){
　　　　　　if($.browser.msie){
　　　　　　range=this.createTextRange();
　　　　　　v===0?range.collapse(false):range.move("character",v);
　　　　　　range.select();
　　　　}else{
　　　　　　len=this.value.length;
　　　　　　v===0?this.setSelectionRange(len,len):this.setSelectionRange(v,v);
　　　　}
　　　　this.focus();
　　});
　　return this;
　}
})(jQuery);
// 2.
var t=$(“#”+id).val();
$(“#”+id).val(“”).focus().val(t);

js获取某个元素距离窗口顶部的位置

var wst = $('#myTable').offset().top - $(window).scrollTop();