0

我正在更改开放期刊系统的 CSS 代码。在侧边栏上，有一些 div 包含一些部分。其中之一在底部包含三个关于更改页面字体大小的链接（较大的字体大小-默认字体大小-较小的字体大小）。链接布局是并排使用的

float: left;

然后我让这些 div 更时尚。我添加了以下规则：

border-radius: 8px;
border: 1px solid #aaa;
margin: 10px auto;
background: rgb(254,254,254);

但由于链接的 float:left 规则，div 的高度似乎不够。所以我决定在我之前提到的三个链接之后添加下面的行：

<div  style="clear:both"></div>

我已经搜索了整个网站中的任何文件，但我找不到它在哪里。有人知道我可以在三个链接后在哪里添加该 html 代码吗？

你可以看到我当前问题的图像。 我的问题

正如您在图像上看到的那样，按钮/链接超出了 div 的边界。我想添加上面的行来解决这个问题。

4

1 回答 1

1

隐藏 oveflow 解决了我的问题。谢谢CBroe

border-radius: 8px;
border: 1px solid #aaa;
margin: 10px auto;
background: rgb(254,254,254);
overflow:hidden;

问题消失了

另一种方法

但是我找到了另一种解决方案，尽管 nd_macias 说这是一种旧方法。

我找到了文件 public_html/lib/pkp/js/fontController.js

然后我在第 32 到 35 行找到了以下内容：

smallFontHtml = "<a href='javascript:void(0);' class='smallFont' title='" + minCaption +"'>" + minCaption + "</a> ";
defFontHtml = "<a href='javascript:void(0);' class='defaultFont' title='" + defCaption +"'>" + defCaption + "</a> ";
largeFontHtml = "<a href='javascript:void(0);' class='largeFont' title='" + maxCaption +"'>" + maxCaption + "</a> ";
$(container).html(smallFontHtml + defFontHtml + largeFontHtml);

然后将其修改为以下内容：

smallFontHtml = "<a href='javascript:void(0);' class='smallFont' title='" + minCaption +"'>" + minCaption + "</a> ";
defFontHtml = "<a href='javascript:void(0);' class='defaultFont' title='" + defCaption +"'>" + defCaption + "</a> ";
largeFontHtml = "<a href='javascript:void(0);' class='largeFont' title='" + maxCaption +"'>" + maxCaption + "</a> ";
clearFix = "<div style='clear:both;'></div>";
$(container).html(smallFontHtml + defFontHtml + largeFontHtml + clearFix);

这可以作为另一种解决方案来处理。

于 2013-03-22T14:56:33.860 回答