在下面的html (嵌入css)中,当使用Google Chrome、Firefox和Safari显示时,“Line”、“Title”和“Cell”中的Ls、Ts和C对齐。
它们在与Internet Explorer一起显示时不会对齐。在IE上,T比其余的缩进得更远。
如何修改三行css以使三个部分在任何浏览器下对齐?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta charset=UTF-8>
<title>My Title
我已经在我的垂直菜单上添加了这个css来创建一个下拉列表...
vertical-nav ul li ul{
display:none;
list-style-type:none;
width:125px;
padding:0px;
margin-top:3px;
margin-left:-5px;
}
vertical-nav ul li:hover ul{
display:block;
}
vertical-nav ul li:hover ul li{
background-color:#555555;
width:1
我想开始水平地包着李文的线,现在它往上走。请看我的例子
HTML
<ul>
<li>Long text goes here.</li>
<li>Another Longer Text Goes Here</li>
<li>Shorter text</li>
</ul>
CSS
ul {width:150px;}
li {width:30%; display:inline-block;whitespace:pre-line;}
谢谢。