如何修改字体转换器';开放式期刊系统的html代码?

如何修改字体转换器';开放式期刊系统的html代码?,html,css,Html,Css,我正在更改开放日志系统的css代码。在侧栏上,有几个div包含一些部分。其中一个在底部包含三个关于更改页面字体大小(较大字体大小默认字体大小较小字体大小)的链接。链接布局是使用 float: left; 然后我把那些沙发做得更时髦。我添加了以下规则: border-radius: 8px; border: 1px solid #aaa; margin: 10px auto; background: rgb(254,254,254); 但由于links的float:left规则,div的高度

我正在更改开放日志系统的css代码。在侧栏上,有几个div包含一些部分。其中一个在底部包含三个关于更改页面字体大小(较大字体大小默认字体大小较小字体大小)的链接。链接布局是使用

float: left; 
然后我把那些沙发做得更时髦。我添加了以下规则:

border-radius: 8px;
border: 1px solid #aaa;
margin: 10px auto;
background: rgb(254,254,254);
但由于links的float:left规则,div的高度似乎不够。因此,我决定在前面提到的三个链接之后添加以下行:

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

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

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


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

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

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

另一种方法 但我找到了另一个解决方案,尽管恩德·马西亚斯说这是一个老办法

我找到了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=”“;
defFontHtml=“”;
largeFontHtml=“”;
$(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);
smallFontHtml=”“;
defFontHtml=“”;
largeFontHtml=“”;
clearFix=“”;
$(container.html(smallFontHtml+defFontHtml+largeFontHtml+clearFix);

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

此clearfix方法很旧。只需将此解决方案添加到Contenner的浮动元素类中即可。您也可以将容器元素也浮动,或将其赋予
溢出:隐藏
–两者都将触发将浮动子元素包含到元素的高度计算中。