用span實現空格的精確設定 空格

2021-06-16 23:02:33 字數 551 閱讀 3241

做登入介面的時候,要用到類似

的格式,所以會遇到三個字「使用者名稱」和兩個字「密碼」對齊的問題,表面上看,只需要在「密」和「碼」之間加幾個空格就可以了。但是對不同的瀏覽器,比如ie和google瀏覽器,顯示出的空格的大小就不同,這樣,在乙個瀏覽器中對得很齊的空格,到另乙個瀏覽器中看,就可能錯位,從而引起後面的輸入框錯位;而且對於不同的字型大小,想對齊「使用者名稱」這三個字,加的空格數量也不相同,可能不一定能精確對齊。

但是,不同瀏覽器對畫素的大小顯示的效果是相同的,所以用代替空格,能夠精確設定空格的大小。在程式中,一般會遇到很多寬度不同的空格,如果都要用,就要對的樣式編號,為了使的樣式清晰明確,我用畫素的大小來編號,比如:

css:

span.bank2

span.bank5

span.bank15

這樣,在給選擇class的時候就很明確。以下是實現方法:

html:

使用者名稱:

密碼: 最好的方法是將單位「px」換成大小相近的「em」,這樣,如果使用者在瀏覽器的工具欄「檢視」-》「文字大小」中改變文字大小,文字間的空隙也會相應變化,不影響對齊。

用rdtsc實現linux下的精確計時

在linux開發版最長問到的問題之一就是在linux下如何得到更精確的計時。其實有很多辦法,比如以前就有人用select。不過現在有更精確的實時時鐘可以用,這就是用clock process cputime id做引數通過timer create來建立timer。通過clock getres可以得到...

兩個span元素中間的空格間隙

初學html css的同學是不是遇到過這樣乙個問題?一對好朋友 兩個span元素 之間總是存在間隙。就像下圖那樣 這是一對不快樂的 span,因為他們中間有了間隙 當我們給span元素新增了內容時,兩個相鄰的span元素的文字之間有乙個間隙 問 那麼這個間隙到底是什麼呢?其實它是乙個空格。問 那這個...

精確延時的實現

大家平時寫練習程式,包括 上的範例程式,很多延時都直接用的 sleep 實現。這個延時有個缺點,那就是無法統計 執行的時間。請看下圖 由圖可以看到,使用 api 函式 sleep 的問題,就是會忽略掉程式的執行時間。很多時候,程式的執行時間是不固定的,所以這就導致使用 sleep 的延時並不精確,即...