Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如果不使用';我事先不知道它的宽度_Html_Css - Fatal编程技术网

Html 如果不使用';我事先不知道它的宽度

Html 如果不使用';我事先不知道它的宽度,html,css,Html,Css,经过多次尝试和搜索,我一直没有找到一个令人满意的方法来使用CSS2 完成它的一个简单方法是将它包装成一个方便的,如下面的示例所示。你知道如何避免表格布局和诡异的技巧吗 表格{ 保证金:0自动; } 试验试验 这将是最蹩脚的答案,但它是有效的: :p 我告诉过你那会很蹩脚。但是,就像我说的,它是有效的 *颤抖*@Jason,是的,起作用了。好时光。不过,我会提出以下建议: 正文{ 文本对齐:居中; } .我的中心内容{ 边距:0自动;/*定心*/ 显示:内联; } 试验 试验 我认为如果

经过多次尝试和搜索,我一直没有找到一个令人满意的方法来使用CSS2

完成它的一个简单方法是将它包装成一个方便的
,如下面的示例所示。你知道如何避免表格布局和诡异的技巧吗

表格{
保证金:0自动;
}

试验
试验
这将是最蹩脚的答案,但它是有效的:

:p

我告诉过你那会很蹩脚。但是,就像我说的,它是有效的

*颤抖*

@Jason,是的,
起作用了。好时光。不过,我会提出以下建议:

正文{
文本对齐:居中;
}
.我的中心内容{
边距:0自动;/*定心*/
显示:内联;
}

试验

试验


我认为如果您使用a而不是a,那么您的示例也同样有效。唯一的区别是,中的文本也居中。如果您也需要,只需添加文本align:center;规则


另一件需要记住的事情是,默认情况下,将填充所有可用的水平空间。如果您不确定它的起点和终点,请在其上加一个边框。

以下操作非常有效。请注意位置和auto的使用


注意:不确定它是否在IE中工作。

#包装器{
宽度:100%;
边框:1px实心#333;
}
#内容{
宽度:200px;
背景:#0f0;
}

满足于此
在FF3中,您可以:

<div style="display: table; margin: 0px auto 0 auto;">test<br>test</div>
测试
测试
这样做的优点是可以使用任何语义上最有意义的元素(如果合适的话,用更好的元素替换div),但缺点是它在IE(grr…)中失败

除此之外,在不设置宽度的情况下,最好使用javascript精确定位左侧边缘。不过,我不确定你是否会把它归类为“古怪的把戏”


当然,这取决于你想做什么。给出一个简单的测试用例,一个带有文本align:center的div会有完全相同的效果。

display:inline块在Firefox中工作得很好,但在IE中宽度为100%,我最喜欢的是问题中提出的table方法!我可能错了,但是当把div嵌套在其他div中时,Joe的解决方案不起作用。
<div style="display: table; margin: 0px auto 0 auto;">test<br>test</div>