Question

我最近开始使用CakePHP进行编码，并喜欢它提供的快速简便的界面框架。我有一个模型有一个很长的名称，它导致操作按钮的UI问题。当我在模型的CRUD索引页面中时，锚标记内的文本显示在用于制作按钮的背景图像之外。这是我正在谈论的截图的链接......

http://imgur.com/xLD7Z3v

有没有人知道如何为此修改CSS，以便在必要时自动换行？

为Nunuser编辑：以下是按钮的HTML代码：

<div class="actions">
    <h3>Actions</h3>
    <ul>
        <li><a href="/users/add">New User</a></li>
        <li><a href="/user_types">List User Types</a></li>
        <li><a href="/user_types/add">New User Type</a></li>
        <li><a href="/user_statuses">List User Statuses</a></li>
        <li><a href="/user_statuses/add">New User Status</a></li>
        <li><a href="/region_program_offices">List Region Program Offices</a></li>
        <li><a href="/region_program_offices/add">New Region Program Office</a></li>
    </ul>
</div>

这是按钮的CSS样式：

.actions li {
  list-style-type:none;
  margin:0 0 0.5em;
  padding:0;
  white-space:nowrap;
}
cake.generic.css
* {
}
cake.generic.css
ul, li {
  margin:0 12px;
}
cake.generic.css (line 66)
Inherited frombody
body {
  font-family:'lucida grande', verdana, helvetica, arial, sans-serif;
  font-size:90%;
}

Answer 1

默认样式表名为cake.generic.css，位于app/webroot/css/。在第498行从white-space: nowrap;移除.actions li。

CakePHP .actions按钮标签

1 个答案: