Home >Web Front-end >HTML Tutorial >How to make the text in the unordered list and the div inside it vertically centered in IE8_html/css_WEB-ITnose
How to make the text in the unordered list and the div inside it vertically centered in IE8_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:06:112359browse
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6华促日承认钓岛主权争议 182万bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6网传深圳公务员不雅照 140万bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
为了让 182万、140万在最右边对齐 我加了个DIV 并设置 float:right;
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6华促日承认钓岛主权争议 88d8895117821a06334809a7c59d2c79182万,/div>bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6网传深圳公务员不雅照 88d8895117821a06334809a7c59d2c79140万16b28748ea4df4d9c2150843fecfba68bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
结果firefox显示正常 但IE8中DIV总在文字的下一行，我把前面的文字也加上div并设置 float:left还是不行 ，晕很，被这个不知道是简单还是复杂的问题纠结了好久 请高手指点，一定要在IE8里面显示正确哈
回复讨论(解决方案)
设置 li的宽度
或者直接用table
设置 li的宽度
或者直接用table
设置宽度 没作用 和 用table 结果ul的list-style又有全乱了
<ul> <li><div style="float:right;">182万</div>华促日承认钓岛主权争议 </li> <li><div style="float:right;">140万</div>网传深圳公务员不雅照 </li></ul>
改个位置
或者添加xhtml申明，不过在ie7下还是会掉下来，换位置是最好的选择
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><ul> <li>华促日承认钓岛主权争议 <div style="float:right;">182万</div></li> <li>网传深圳公务员不雅照 <div style="float:right;">140万</div></li></ul>
我回答要给分的...不想白帮你...
知道用css hack 没....
#test
{
width:300px;
height:300px;
background-color:blue; /*firefox*/
background-color:red\9; /*all ie*/
background-color:yellow\0; /*ie8*/
+background-color:pink; /*ie7*/
_background-color:orange; /*ie6*/
}
fire fox 和 谷歌什么都不要加 ,
全部的 ie 后面加个\9
ie 6 和7 的区别 + 和-
懂了吧.....快给分
你只要ie8的
就这样
.text{
background-color:red\9;
}
HTML code
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c688d8895117821a06334809a7c59d2c79182万16b28748ea4df4d9c2150843fecfba68华促日承认钓岛主权争议 bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c688d8895117821a06334809a7c59d2c79140万16b28748ea4df4d9c2150843fecfba68网传深圳公务员不雅照 bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
改个位置
或者添加xhtml申明，不过在ie7下还是会掉下来，换位置是最好的选择
HTML code
……
把DIV写在右边果然有效果 太神奇了 请问这是什么原理啊 ？
[Quote=引用 3 楼 的回复:]
HTML code
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c688d8895117821a06334809a7c59d2c79182万16b28748ea4df4d9c2150843fecfba68华促日承认钓岛主权争议 bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c688d8895117821a06334809a7c59d2c79140万16b28748ea4df4d9c2150843fecfba68Indecent photos of Shenzhen civil servants posted online bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
Change the position
or add an xhtml declaration, but it will still fall down under IE7. Changing the position is the best choice
HTML code
...
Writing the DIV on the right really works. It’s amazing. What’s the principle of this?
Will it look a little better again?