我最近开始使用 CakePHP 进行编码，并且喜欢它提供的快速简单的界面框架。我有一个模型名称有点长，导致操作按钮出现 UI 问题。当我在模型的 CRUD 索引页面中时，锚标记中的文本显示在用于制作按钮的背景图像之外。这是我正在谈论的屏幕截图的链接...
有谁知道如何为此修改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%;
}