Html 如何将输入[类型=“文本”限制为一行？它不断地分成多行

我不知道为什么会发生这种情况，但由于某种原因，文本类型的输入被分成了多行。搜索类型和电子邮件类型不会断行；这只是文本类型。我在MacOSX上使用谷歌Chrome38，也许这与此有关

以下是文本类型：

以下是电子邮件类型：

以下是搜索类型（不介意图标）：

代码如下：

<p class="form-row form-row-wide">
    <label for="user_login_<?php echo $template->get_option( 'instance' ); ?>"><?php _e( 'Username or Email', 'woocommerce' ); ?>
        <input type="text" class="input-text" name="log" id="user_login_<?php echo $template->get_option( 'instance' ); ?>" value="<?php $template->the_posted_value( 'log' ); ?>" />
        <i class="fa fa-user"></i>
    </label>
</p>

<p class="form-row form-row-wide">
    <label for="user_pass_<?php echo $template->get_option( 'instance' ); ?>"><?php _e( 'Password', 'woocommerce' ); ?>
        <input type="password" name="pwd" id="user_pass_<?php echo $template->get_option( 'instance' ); ?>" class="input-text" />
        <i class="fa fa-lock"></i>
    </label>
</p>

当您的输入具有CSS规则时，可能会发生这种情况：

word-break: break-word;

只需应用以下css，它就会起作用：

.input-text {
    word-break:normal!important;
}

你确定它是
而不是
？@JonathanCrowe是的，我百分之百肯定。它是type=“text”，这很奇怪。我搜索了这个问题，但通常是人们试图实际实现它而不是避免它。您最好向我们展示您的html代码，以便更好地帮助您。@Edrich添加了html代码。再次感谢。您尚未添加HTML代码。您已经添加了PHP代码，服务器从中生成HTML代码。HTML代码是浏览器得到的，所以请发布一个示例。修复了它！非常感谢你！