① li 標簽里的文字上下居中,與圖片處於同一水平線
你還可以設置文字內邊距為
padding:3px 0 3px 0
或者只加個padding-bottom:2px
大小自己調整吧
② 怎麼控制li內圖片和文字的位置與其他li在同一水平線上
添加css sprite可以添加在父級的背景裡面,你現在寫的就可以寫在li的背景裡面,再給定位就行了,不是所有圖片都要用img,在整個網頁上面,只有logo和一些重要的圖片用img。
③ li標簽中的文字和圖片水平居中,ie6怎麼兼容
圖片要浮動,
文字居中就是在li里設置行高和li的高一樣,line-height:24px;
給個例子你看
.abc li{
float:left;
display:inline;
font-size:12px;
height:24px;
line-height:24px;
}
.abc li img{
cursor:pointer;
float:left;
display:inline;
margin-left:10px;
margin-top:8px;
}
④ html li 圖片與文字對齊
在html中讓圖片和文本對齊,這個的話,你可以將圖片和文本放到2個div中然後用一個div包裹著,給那2個div設置float屬性,當然寬度,高度是不能少的,然後在使用margin使這2個有點間隔,這里我提交一段代碼:
<html>
<head>
<title>圖片和文本的對齊</title>
</head>
<body>
<div>
<div style='flaot:left; width:330px; height:200px;'>
<img src='圖片地址'>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left:30px;'>
<p>我是右邊的測試文字</p>
</div>
</div>
</body>
</html>
⑤ 在LI里怎麼讓文字左對齊圖片右對齊
如果你打算把後面的箭頭圖片直接放在HTML里的話; 用左右浮動;
例子:(把裡面的span換成圖片即可,兼容IE6,7,8,火狐)
<style type="text/css">
div,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none}
.new{ border:solid 1px #990033; width:200px; line-height:24px;}
.new li{ border-bottom:solid 1px #CCC; overflow:hidden;}
.new li a{ float:left;}
.new li span{ float:right}
</style>
<div class="new">
<ul>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
<li><a href="#">1 燃氣熱水</a><span>圖片</span></li>
</ul>
</div>
其實像你上面的效果,用背景圖片做最好,有簡單,兼容性好等優點;
不過竟然沒分.難怪沒人答...呵呵.. 你好像還是我好友...巧....
⑥ css中如果項目列表圖像高於本行文字怎麼設置他們頂端對齊
實現這個效果
我給你2種方法!
第一
用dl
dt
dd
結構
<dl>
<dt>前面的小圖標</dt>
<dd>文字</dd>
</dl>
在寫樣式控制
第二
給li裡面的文字(a標簽)定義背景
這個
應該很實用!
結構
<ul
class="style">
<li><a
href="#">
wenzi
</a></li>
</ul>
樣式
.style
li
a
{background:url(前面小圖片的路徑)
no-repeat
3px
3px(定義小圖片的位置,可以自己調試);padding-left:10px(要是小圖片後面的文字離圖片近了可以這樣定義);
⑦ div + css,UL的LI 中,對LI設置了list-style-image,LI中的文字是放在a標簽中的,如何讓圖片和文字對齊
把li設置個高度,然後把a設置設置同樣的高度,最後讓兩個裡面的文字上下居中
li,li a {height:25px;line-height:25px;}
也可能只要設置li的高度並上下居中就可以了,你試試
一般設置文字上下居中都是height和line-height相同就可以了
⑧ css布局中,<ul>中<li>列表,有圖片,有文字,如何設置圖片和文字平行對齊
把文字的line-height設置和圖片的高度設置成一樣就OK了。
⑨ 急!CSS中,怎麼讓ul li中的圖片和文字橫向水平居中
建一個div,ul裡麵包括四個li,在css樣式裡面設置li水平對齊就行了,text-align:center; 如果發現圖片不能對齊的話,可以對它單獨設置個padding值。
⑩ li中的list-style-images圖片標記影響文字垂直居中,如何才讓圖片與文字保持垂直居中。。
這個呀好辦,你在做時就用你要列印的紙張的大小,比如你要用A4的你就在PS中的畫布大小設成A4的大小,在在PS中打好字,在按R 時你就會發現PS邊上會出現標尺,你可以在那上面調你要的位置,這樣做出來的字就會很精確的放在你要的地方了