谁来教我把它变长?

2010-04-28 12:08:14 +08:00
 lin
http://img.ly/10M1

基于 http://baselinecss.com/ 写的。

上图的结构是<article><header><h1></h1><p></p></header></article>

我想要的效果是如下图那样,结构是
<article><div><h1></h1><p></p></header></div>

如果用<article><header>,能否做到我要的结果?
用固定宽度?
2000 次点击
所在节点    自言自语
12 条回复
GordianZ
2010-04-28 12:24:36 +08:00
设个width?
GordianZ
2010-04-28 12:26:25 +08:00
实在没看懂,你想要的结构nested tag还不对称⋯⋯
Sai
2010-04-28 12:48:58 +08:00
下图的tag开闭错误

想要header 100%,把该tag的display:block
lin
2010-04-28 15:13:43 +08:00
开闭的错误是我刚才我发帖笔误写错了

下图,也就是那个title宽度全长的代码是:

<article><div><h1></h1><p></p></div></article>

我记得好像设过header为display:block

但是没用。

我现在在外面。我回去在设来看看。

感谢各位!
lin
2010-04-28 20:47:53 +08:00
我把header设成display:block它还是短的
kaid
2010-04-28 22:17:38 +08:00
检查一下css看看是不是后边的样式给覆盖了
vayn
2010-04-28 22:24:06 +08:00
试试 width:100%,或者设置固定 height
lin
2010-04-29 00:39:14 +08:00
我调试的时候直接在<header>里加上style="display:block"的,应该不会覆盖吧?

如果width:100%,就会在右边突出于父级标签,因为它会和父级一样长。而左边有18px的间隔,所以右边就突出了18px……
kaid
2010-04-29 10:39:21 +08:00
看看是不是什么地方设置了float
x
2010-04-29 11:41:00 +08:00
是float的问题。

设成block和float none就好了。

谢谢各位关心和支持!
kaid
2010-04-29 14:51:55 +08:00
马甲....?
lin
2010-04-29 15:27:05 +08:00
啊~马甲现形了。

拍写~拍写~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/142

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX