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

需要加入相對定位或是 絕對定位
　　
position: fixed; 或是 position: absolute;

在父元素中加入:align-items:center; display: -webkit-flex;(垂直居中)

　　　　　　　　justify-content:center; display: -webkit-flex;(水平居中)

在一個是: transform: translate(-50%, -50%);兼容性強

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

使用的時候同樣需要絕對相對或是絕對定位

更多方法請參考:https://www.calamus.xyz/2018/07/06/css-center/

 

 文本超出用點表示

在一個div中,超出一行內容的部分用三個點表示

text-overflow:ellipsis;overflow:hidden;white-space:nowrap;

在一個div 中 超出兩行內容用三個點表示

　　 white-space: normal;

    word-break: break-all;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

 

 

讓input的光標自動聚焦,並移動到指定位置

//光標放在最后 $("#文本框ID").textFocus();光標放在第二個字符后面 $("#文本框ID").textFocus(2);
(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);

 

 

另一種簡單的方法,代碼如下:

    var t=$(“#”+id).val();  
    $(“#”+id).val(“”).focus().val(t);  

 

 

獲取某個div距離窗體頂端的距離：

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