模拟显示块行为

时间:2014-08-14 11:08:33

标签: css css-float block sharepoint-2013

我有下面的HTML,所有都显示为盛大,问题是由于Sharepoint 2013编辑器的问题,您无法编辑链接文本,但只要我删除display: block我就可以编辑链接文字,使用float也是如此。

我的问题是有没有办法模仿display: block的影响,它会跨越可用的整个宽度而不使用显示或浮动?

<div class="button">
     <a href="#">Link Text</a>
</div>

2 个答案:

答案 0 :(得分:0)

有一个选项可以使用position:absolute而不使用display或float来使内联元素像块一样。

但我希望绝对定位不符合您的需求。因此,最后的结论是您必须使用display或float属性才能正确呈现它。

如果你甚至使用绝对值,那么不要忘记将position:relative保留到你想要作为绝对元素的父元素。

答案 1 :(得分:0)

您可以尝试display: inline-block; width: 100%;。您可能需要更改宽度以考虑您设置的任何填充或边框。

(过去我使用过编辑模式面板和其他技巧,所以这些hacky样式仅适用于编辑页面时。)

SharePoint 2013的编辑器是,真是太棒了不是吗? : - (