First look at the following: Here is the CSS code: Here is the HTML code: H3>Implement images with unknown dimensions, single line of text, horizontal vertical centering of multiline textH3> Divclass= "Wrap"> Divclass= "Subwrap">
Introduction:friends who write the front-end UI may have had this problem: we need to implement a requirement to hide a potentially lengthy text in a parent element: This text may be single-line:It can also be multi-line:I'll show you how to do this
After I submit the input file, I only want to refresh the table part of the page through ajax. does ajax return a multiline tr html? Then delete all the original tr via javascipt, and then add the new tr. doesn't you quite understand this mechanism?
In the previous article the small div layout card stack (card-stacking) has multiple lines of text overflow ellipsis effect, this article on the effect (including single-line text overflow omitted) Implementation of a simple record, in case you
This article uses JavaScript to demonstrate, this does not affect your actual application in the project, because I provide the idea, you can easily put it in your own language to implement, which is usually the background language, and the
Problems and scenarios:Text is centered when the content can be displayed in a box in a row.Text is left-aligned when it is displayed in a box when there is too much content to be wrapped.In fact, this visual demand is quite common. For example, for
1. Multiple lines of textMultiline text uses the TEXTAREA tag, the default value needs to be written in the middle, and the input label is different, the Name property is used to retrieve the data in the background (request. Post.get (Meno))
When the textmode of textbox is set to multiline, its maxlength does not work. Solution _ 1
Release date: 2009/5/7 20:16:23 Popularity Index: 74
Non-continuous reading | publish news | comment | stick | print
Method 1: Verify the
This article makes a simple record of the implementation of this effect (including single-line text overflow ellipsis) in case you forget. Specifically, it is to achieve this text arrangement effect.
The HTML code is as follows:
a
The following content is translated from: https://www.tutorialspoint.com/springmvc/springmvc_textarea.htmDescription: The sample is based on spring MVC 4.1.6.The following example shows how to use textarea in a form that uses the Spring WEB MVC
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.