作者yuxio (没吃到)
看板Blog
标题Re: [问题] 请问title的图片要如何与文字对齐?
时间Wed Sep 28 07:37:11 2005
※ 引述《hc7 (evanescence)》之铭言：
: 我在文章标题前面放了图片
: 但是不知道要如何更改语法
: 让图片与文字能够对齐?
: 我的blog http://blog.yam.com/seemhd7
: 就是这样..图片比文章还高
: 虽然只有一点点但是觉得很不协调
: 请问在语法上要如何更改呢?
: 目前title的语法如下
: .title {
: background-image: url(http://blog.yam.com/seemhd7/7c9d77f5.gif);
: background-repeat: no-repeat;
: PADDING-LEFT: 10px;
: FONT-WEIGHT: bold;
: FONT-SIZE: 18px;
: COLOR: #FFFFCC;
: HEIGHT: 10px;
: padding-left: 25px;}
: 谢谢
因为图与文字的高度不一样，两边都从最顶端开始排起，就会造成你的问题。
可以加入底下的语法到 .title 中：
background-position: left center;
(表示背景图水平置左，垂直置中)
或是用更精确的指定方式：
background-position: 0px 5px;
(表示背景图自元件左上角原点起，右移 0px, 下移 5px)
ps. 你的网站用 firefox 开启的话会一整个乱掉
--
http://yuxioz.blogspot.com/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 203.73.237.165
※ 编辑: yuxio 来自: 203.73.237.165 (09/28 07:38)
1F：推 hc7:谢谢~语法我只会看..但写就不行了..谢谢 09/28 10:46