html字体整体偏移,html/css:在悬停鼠标时增加字体大小的链接时的位置偏移
我发现这是一个完美的简单解决方案上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;
}
谢谢大家。
html字体整体偏移,html/css:在悬停鼠标时增加字体大小的链接时的位置偏移相关推荐
- css:hover鼠标放上去字体变大 transform: scale
<template><div class="content-el-array"><div><h2>transform: scale( ...
- CSS样式控制鼠标移动到字体上,字体下出现下划线
说明:如题. 代码: css代码: .span-line:hover{text-decoration:underline; } 前端: <td class="span-line&quo ...
- CSS总结(基本文本和字体样式)
基本文本和字体样式: 颜色: p{color:red;} 字体种类: p{font-family:arial;} arial 字体,这个字体可在任何电脑上找到. 通常认为最佳做法还是添加 Helvet ...
- html字体名称有哪些,css有哪些字体系列?
设置字体属性是样式表的最常见的用途之一.在CSS 中,有两种不同类型的字体系列:通用字体系列和特定字体系列.下面本篇文章就来给大家介绍一下CSS字体系列,希望对大家有所帮助. 字体系列 相同的字体可能 ...
- JavaFX 增加 字体编码集
方法一: 1.从windows字体,C:\windows\fonts\文件加里,选择想要的字体,复制出来到其他盘(在系统盘里因为权限问题不好操作). 2.把字体复制到jdk字体目录下,目录:jdk1. ...
- Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大
css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...
- CSS选择器、网页美化(字体、阴影、列表、渐变)
css 如何学习 1.CSS是什么 2.CSS怎么用 3.CSS 选择器 4.美化页面(文字.阴影.超链接.列表.渐变) 推荐网站:菜鸟教程 1.css入门 1.1.什么是CSS Cascading ...
- vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题
vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题* 最近在写可视化大屏的时候发现使用百度地图,在缩放的缩放的时候视角总是往红色框位置缩放,并不在鼠标位置进行视角缩放,查 ...
- Web前端开发笔记——第三章 CSS语言 第三节 文本、字体、背景、超链接样式属性
目录 一.CSS文本属性 二.CSS字体属性 (一)常用文本字体样式属性 (二)设置整体font属性 三.CSS背景属性 (一)背景颜色 (二)背景图片 (三)图片平铺方式 (四)图片位置 (五)设置 ...
最新文章
- Python 实现九九乘法表
- 堆和栈的主要区别由以下几点:
- 简述Zookeeper作注册中心
- (转)怎么实时查看mysql当前连接数
- Flex +WebService
- python字符串补空格输出_Python去除空格,Python中常见字符串去除空格的方法总结...
- ftp 速度_如何评价我的骑行功率(FTP)?
- 贝索斯前妻再捐2.81亿美元
- 【100题】第十二题(特殊的递加)
- Atitit 项目源码的架构,框架,配置与环境说明模板 规范 标准化
- Unity真机调试工具:LogViewer在手机上查看Unity3D的Console Log
- 行为主义心理学在游戏领域的10年发展
- 万恶IE兼容之input change事件
- Android游戏添加游戏动画,Android游戏中的动画制作
- CGI实现文件的上传和下载
- 关于点击率模型,你知道这三点就够了 点击率预估的几个经典模型简介
- aspose使用合集java(Word、Excel、PPT转PDF)
- PC微信逆向--调用sqlite3_exec执行SQL
- 阿里云服务器与个人电脑TCP通信的调试
- python的random()函数用法_python中的随机函数random的用法示例
热门文章
- thymeleaf获取当前时间并格式化输出
- JavaSE、JavaEE与Spring的概念和异同点剖析
- 【面试题】struts2的工作流程
- 外循环java作用_循环和外循环的区别和作用
- 记录,再次运行vue项目报错POST http://127.0.0.1:8888/api/private/v1/login/login
- java如何爬取304_HTTP 304错误的详细讲解
- ARM 之七 主流编译器(armcc、iar、gcc for arm、LLVM(clang))详细介绍
- Linux信号列表(非实时信号和实时信号)
- linux网络相关配置
- java假死_分析java进程假死