css - 试图模拟文本框

Question

我尝试使用 CSS 模拟文本框

HTML:

<div id="event_box" class="margin-bottom-10"></div>

<div class="col-md-9 col-sm-12">
<div id='calendar' style="width:100%"></div>

CSS:

#event_box {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: auto;
    padding: 2px;
    resize: none;
    width: 318px;
    margin-top: 20px;
}

event_box 是我的文本框，问题是当它得到结果时，它们会像这样超出边界:

我需要做什么才能将收到的数据保存到文本框中？问候

Fiddle

Answer 1

将这一行添加到您的 CSS 中:

word-wrap:break-word;

我希望它有用。