我發現這是一個完美的簡單解決方案上win7為我工作的Chrome，IE和Firefox。

我把一個表，一個小區具有相同width和height作為(其是圖像的尺寸)的鏈路()的內部。

也提出了表格：text-align:center。 text-align:center確保表格內的文字將水平居中。即使在鼠標懸停時字體大小發生變化，表格文字也會垂直居中。此外，該表防止鏈接圖像和其他鏈接在字體大小增加時發生移位。

我刪除了全部padding。因為如果我組合(height,width)與(padding)，它將在不同的瀏覽器(特別是IE和Chrome)上產生不同的結果。

將內容放入中可能是錯誤的想法，但它對大多數瀏覽器都有效。

我也把這一行代碼為我的HTML文件的第一行：

這使得

每一件事情，我不知道為什么，但它并簡化東東。

因此產生的代碼是：

Home page

body {

font-family:Palatino, ‘Book Antiqua’, Georgia, Garamond, ‘Times New Roman’, Times, serif;

font-size: 13px;

color: #000060;

background-color: #005070;

background-repeat:repeat-x;

text-align:center;

}

.menu

{

height:64px;

width:100%;

background-image:url(img/bglb2.png);

background-repeat:repeat-x;

text-align:center;

}

.menuLink, .menuLink:visited

{

color:#FFFFFF;

background-image:url(img/btk.png);

text-decoration:none;

font-size: 20px;

width:152px;

height: 52px;

display:inline-block;

margin-left: 10px;

margin-right: 10px;

margin-top: 6px;

}

.menuLink:hover

{

color:#CC7011;

background-image:url(img/bto.png);

font-size: 26px;

}

table.ml

{

text-align: center;

width:152px;

height: 52px;

}

Home

Page1

Page2

Page3

謝謝大家。

總結

以上是生活随笔為你收集整理的html字体整体偏移,html/css：在悬停鼠标时增加字体大小的链接时的位置偏移的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。