这很奇怪……我需要始终在浏览器中显示一个图形。很简单。
但要注意的是，此图形是某些品牌的一部分...并且品牌要求图形中的一条线在浏览器宽度的持续时间内不断向右延伸。
例子:
|------------[ Logo ]]]]]]]]]|
我以为我可以将一个 DIV 居中，创建一个 UL，然后将 LI float 到左侧......但问题变成了因为父 DIV 宽度的 LI 被下推到下一行，我不知道如何停止...
最佳答案
以您喜欢的任何方式放置图形，并在其后面粘贴一个 div，并为线条设置上边框。绝对定位并设置 left:0 和 right:50%。 像这样:(尝试调整浏览器窗口的大小)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style="position:absolute; border-top:solid 1px #CCC; left:0; right:50%; z-index:0; margin-top:20px;"> </div>
<div style="position:absolute; width:200px; margin-left:-150px; left:50%; z-index:1; background:#CCC; padding:25px">this is a logo</div>
</body>
</html>
关于html - CSS:图形居中，然后向右继续一个模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7781975/