听起来可能很愚蠢，但我自己做不到:(
需要你们的帮助。
如何通过波纹管但使用DIV（+ CSS）而不是TABLE来激活标记？
<table>
<tr>
<td>
<img src="logo_left.gif" />
</td>
<td align="center">
<p><strong>THE TITLE!!!</strong></p>
</td>
<td>
<img src="logo_right.gif" />
</td>
</tr>
</table>
提前致谢！
有人问我要发布到目前为止我已经尝试过的内容...
的CSS
<style type="text/css">
.header
{
border: 1px solid black;
border-bottom-width: 0px;
background-image: url("Images/spriterepeatx.png");
background-position: 0 -85px !important;
background-repeat: repeat-x;
background-color: transparent;
height: 76px;
font-family: Arial,Helvetica,sans-serif;
}
.LeftLogo a
{
display: inline;
float:left;
height:25px;
margin: 25px 0 25px 25px;
position:relative;
width:227px;
background: url("Images/left_logo.gif") no-repeat scroll 0 0 transparent;
}
.RightLogo
{
width:100px;
height:100px;
background: url("Images/right_logo.png") no-repeat scroll 0 0 transparent;
}
p.promo {
font-size: 150% !important;
line-height: 22px;
margin-top: 25px;
text-align: center;
white-space:nowrap;
}
</style>
HTML：
<body> <div class='header'>
<div class="LeftLogo"><a title="My company logo" href="http://www.mycompany.com"></a></div>
<div><p class="promo"><strong>MYProduct</strong> - Superb product</p></div>
<div class="RightLogo"></div> </div> </body>
最佳答案
首先，为div给出display: inline样式，因为默认情况下它是一个“块”，然后您可以根据需要定位每个div。
“块” div占据整个水平空间，但是使用“内联”可以指定它需要占据的空间。请勿给出“ px”或“百分比”形式的宽度，该限制取决于您的创造力。
您在div中的上述代码如下所示：
<div class="divcolumn">
<img src="logo_left.gif" />
</div>
<div class="divcolumn" style="text-align:center">
<p><strong>The Title!!!</strong></p>
</div>
<div class="divcolumn">
<img src="logo_right.gif" />
</div>
现在指定如下样式：
.divcolumn {
display: inline;
}
您甚至可以为每个列（例如“ divcolumn-right”，“ divcolumn-center”和“ divcolumn-left”）编写单独的样式，并指定不同的样式。例如，要获得液体布局，请分别在每个样式中指定宽度，例如“ 30％”，“ 40％”和“ 30％”。