Question

我删除了许多法典。所需守则如下。页: 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML >
<HEAD>

</HEAD>
<BODY>
<DIV style="border:1px solid #000;">
    <SPAN style="MARGIN-LEFT:20px;">
        Previous
    </SPAN>
    <SPAN style="FLOAT:right; MARGIN-RIGHT:20px;">
        Next
    </SPAN> 
</DIV>
</BODY>
</HTML>

All I want is to display previous and next on the same line. It looks one below another in IE7, but OK in FF and Opera. Chrome was not tested yet. Also, when I remove <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">, then Opera displays that two words not in one line as well. All I want is to display the word "Previous" to the left and "Next" to the right within div and in one line.

What s the best way to fix it? Thank you.

Answer 1

奥凯,我目前还没有所有这些浏览器在我前面,但你有可能通过在第一段时期内增加<代码>float:左

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML >
<HEAD>
</HEAD>
<BODY>
<DIV style="border:1px solid #000; overflow: hidden; width: 100%;">
    <SPAN style="clear: left; FLOAT:left; MARGIN-LEFT:20px;">
        Previous
    </SPAN>
    <SPAN style="clear: right; FLOAT:right; MARGIN-RIGHT:20px;">
        Next
    </SPAN> 
</DIV>
</BODY>
</HTML>

Not that we have set a width and overflow value on the containing div. The clear value is not important in most use cases. You can use different width and overflow values (for example, 50% and auto) as appropriate.

欲了解更多信息,并补充一些 t,请见。如果我有一份IE7版的复印件,我将对你进行测试,但你应当关闭。

该条:

The use of a width or height declaration is required to make the effect work in Explorer Windows and Opera. If you don t include it Explorer Windows continues to show the border at the top of the columns, as if there were no overflow. Opera completely hides the content of the container.

友情链接