在框中禁用换行符

Question

我在CSS中遇到问题。我有一个盒子，当我在内容中添加一个“长”的HTML代码时，它就会换行。

屏幕截图：

我的CSS代码：

.well {
  min-height: 20px;
  padding: 20px;
  margin-left: 100%;
  margin-right: -90%;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  text-align:center;
}

我的PHP代码：

echo '<a href="http://test.net/memberlist.php?mode=viewprofile&u=',$fid,'">',$q->username,'</a>','<form class="navbar-form" action="delete.php" method="GET"><button class="btn btn-primary btn-xs">Delete</button></form><br/><br/>';

我想禁用此换行符。

Answer 1

一种方法是删除所有断裂线。这是代码： 考虑所有内容都在div中，其中id =＆＃34; myContent＆＃34;，然后

$('#myContent').find('br').remove();

而且，如果您想要更合适的解决方案，请在jsfiddle中提供。