Using Dreamweaver8 to implement the first line indent of text

Source: Internet
Author: User
Tags character set dreamweaver

1, using the full angle of the input method to achieve the first line of text indentation is the simplest way. If you use the intelligent ABC, using the "shift+ space bar", the input method of the character column of the half-moon into a circle. Press the SPACEBAR two times in the code or design state to achieve the first line indent two characters. You can also copy spaces in Notepad and paste them into the Dreamweaver edited text. The disadvantage of using a full angle insertion space is that in the English character set, full-width spaces can become garbled, affecting the beautiful web page.

2, in the HTML language is also relatively simple, in the "Code" state, add 4 " " can achieve the effect of empty two Chinese characters. This method is simple and has a better control of text indentation.

If everyone's document has been edited elsewhere, and you don't want to format it after you import Dreamweaver, we can use an HTML tag to display the preset display, where the two characters are empty in front of the pre-format display. The source file written in the pre-format, displayed in the source file according to the layout of the words, blank lines and spaces can be clearly distinguished. If the source file is:
〈pre〉
--Pre-format display ...
〈/pre〉

3, now the trend of the Web site is the Web standard, then use CSS can also achieve the first line of text indentation. The method is to style= "Text-indent:2em" > on the paragraph mark <P> plus some attributes <p.
Text-indent Syntax:
Text-indent:length
Parameters:
Length: Percent number | A value of the lengths consisting of floating-point numbers and unit identifiers that are allowed to be negative. The font size of the EM length unit relative to the text within the current object.

4, with the Dreaweave body with the function can also be achieved. You can insert a space of two Chinese characters 4 times by performing the insert →html→ special character → Dreamweaver space operation. The following figure:

In addition, there are some methods, more cumbersome waste of time, but also in other situations may affect the appearance of the Web page, so we do not advocate the use of everyone. At ordinary times, there are some small skills in life, you can also record summed up and share with others.

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.