文章/答案/技术大牛

发布

社区首页 >问答首页 >需要将换行文本添加到我的div

问需要将换行文本添加到我的div
EN

Stack Overflow用户

提问于 2011-11-23 22:44:00

回答 3查看 134关注 0票数 0

大家好，我在一个文本区域上面有一个div，它们都是相同的宽度，当我提交表单时，div变宽了。如何使用自动换行保持相同的大小？谢谢?

CSS：

div.tarea {

background-color: #DDDDD0;
font-family: arial, sans-serif;
font-size: 10pt;
margin: 0px;
width: 100%;
height: 100px; 
overflow-y:auto;
border:2px grey solid;
}

HTML：

 <tr>
        <td colspan="4">
        <c:if test="${action == 'update'}">
        <%-- Preserve the indentation for this TEXTAREA in order to keep extra whitespace out of it. --%>
        <div class="tarea" name="mcRemarkOld" ><c:forEach var="mcbean" items="${form.mcRemarks}">--- ${mcbean.auditable.lastModifiedBy.firstName} ${mcbean.auditable.lastModifiedBy.lastName}, <fmt:formatDate value="${mcbean.auditable.lastModifiedDate}" pattern="${date_time_pattern}" />

        <br><br>${mcbean.remark} &nbsp;  
        <rbac:check operation="<%=Operation.ADMIN_UPDATE%>">
        <a class="edit_activity" href="show.edit_remarks?remarkId=${mcbean.id}&type=1&hotPartId=${form.hotPartId}"><img class="edit" src="../images/icon_edit.gif" border="0" alt="Edit"/></a>
        </rbac:check>

        <br>
        <br>
        </c:forEach></div><br/>
        </c:if>
            <rbac:check field="<%=Field.HOT_PARTS_SOR_REMARKS%>" display="none">
            <TEXTAREA tabindex="20" name="mcRemark" rows="7" cols="100" scrolling="auto" <c:if test="${not empty lock && !lock.locked && action != 'add'}">disabled="disabled"</c:if>>${form.mcRemark}</TEXTAREA>
            </rbac:check>
        </td>
    </tr>

html

css

回答 3

Stack Overflow用户

发布于 2011-11-23 23:08:10

您可以使用CSS属性word-wrap。这应该可以在所有主要的浏览器中工作，根据：http://www.w3schools.com/cssref/css3_pr_word-wrap.asp。

div.tarea {
  background-color: #DDDDD0;
  font-family: arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
  width: 100%;
  height: 100px; 
  overflow-y:auto;
  border:2px grey solid;
  word-wrap:break-word;
}

票数 0

Stack Overflow用户

发布于 2011-11-23 23:12:25

div.tarea {
  width: 100%;
  height: 100px; 
  overflow: hidden;
  float:left;
  text-overflow: ellipsis;
}

票数 0

Stack Overflow用户

发布于 2011-11-24 00:05:34

我通过添加以下内容解决了这个问题：

 <td width="800px" colspan="4">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8244055

复制

相似问题

问需要将换行文本添加到我的div
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要将换行文本添加到我的divEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要将换行文本添加到我的div
EN