ホームページ >ウェブフロントエンド >htmlチュートリアル >順序なしリスト内のテキストとその中の div を IE8_html/css_WEB-ITnose で垂直方向の中央揃えにする方法
順序なしリスト内のテキストとその中の div を IE8_html/css_WEB-ITnose で垂直方向の中央揃えにする方法
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 12:06:112378ブラウズ
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万16b28748ea4df4d9c2150843fecfba68 深センの公務員のわいせつな写真がオンラインで出回ります bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
位置を変更してください
または xhtml 宣言を追加してください。ただし、IE7 では引き続き問題が発生します。位置を変更するのが最善の選択です
HTML コード
…
右側に DIV を書くと本当に動作します。これはどういう原理ですか。
また少し進化した感じになるでしょうか