CSS 왼쪽 부동소수점을 작성하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

CSS 왼쪽 부동소수점을 작성하는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2019-06-03 15:07:43

원래의

10130명이 탐색했습니다.

CSS 왼쪽 부동소수점을 작성하는 방법은 무엇입니까?

CSS에서는 부동 속성을 사용하여 요소가 부동하는 방향을 정의할 수 있습니다. 왼쪽으로 부동하려면 요소의 부동 속성 값을 왼쪽(float:left)으로 설정하기만 하면 됩니다. ). float 속성을 소개하겠습니다. 도움이 되길 바랍니다.

css float 속성

float 속성은 상자(요소)가 부동해야 하는지 여부와 어느 방향을 지정하는지 지정합니다. 부동 요소는 요소 유형에 관계없이 블록 수준 상자를 만듭니다.

참고: 절대 위치에 있는 요소는 부동 속성을 무시합니다!

구문: 

float: left|right|none|inherit;

로그인 후 복사

속성 값:

left: 요소가 왼쪽으로 이동합니다.

right: 요소가 오른쪽에 떠 있습니다.

없음: 기본값입니다. 요소는 부동되지 않으며 텍스트에 나타나는 위치에 나타납니다.

inherit: float 속성의 값이 상위 요소에서 상속되도록 지정합니다.

예: 요소를 왼쪽으로 부동 설정하고 가로 메뉴 만들기

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300;}
li {display:inline;}
</style>
</head>
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</body>
</html>

로그인 후 복사

Rendering:

CSS 왼쪽 부동소수점을 작성하는 방법은 무엇입니까?