通過css和js設定內容不確定的兩行文字兩端對齊

2021-08-29 07:48:30 字數 645 閱讀 7063

效果如圖所示:

思路:1.先通過css樣式設定兩行兩端對齊,但是會有乙個問題,隨著兩行的內容的不確定,沒辦法固定兩行的寬度,通過第二步解決

首先元素新增如下宣告達不到效果

text-align: justify;
然後對元素的父元素新增宣告   注意:(只給元素本身新增對齊的宣告)

text-align: justify; 

text-align-last: justify;

text-justify: inter-ideograph;

第一步也可參考部落格

2.通過就是的方法動態設定兩行的寬度,並讓其保持相等

resetright();

window.onresize=function()

function resetright()else

}

全部**貼在下面:

今天天氣很好

it's a nice day today

通過js設定css

firefox等可以使用 var dom document.getelementbyid name dom.setattribute style width 10px height 10px border solid 1px red ie中則必須使用style.csstext var dom doc...

通過js和css禁止複製網頁內容

注意 以下所有方法都不是完全可靠的,當使用者禁用指令碼或者f12去想辦法複製的時候總是能複製的,只是相對提高了複製的麻煩程度而已。缺點 這是最雞肋的乙個方法,當網頁不足一屏時,在body以外的位置還可以選中,ctrl c還是可以複製 其實本質和方法1相同,只是繫結到document上,就沒有了方法1...

常用css和js內容

1.讓乙個200x200的div在不同解析度螢幕上下左右居中。2.闡述清楚浮動的幾種方式 1 手動給父級div高度 height。2 父級div定義 overflow hidden 3 結尾處加空div標籤 clear both 3.如何用原生js給乙個按鈕繫結兩個onclick事件?var btn...