내 div 콘텐츠 wont 정렬 내 css 지정으로

div 내에서 왼쪽 정렬 내 콘텐츠를 만들려고합니다 ... 코드는 아래 ... 한 번이 작업을했지만 코드를 잃었습니다. 지금 나는 그것을 다시 알 수 없다.내 div 콘텐츠 wont 정렬 내 css 지정으로

HTML5는 : 다음 기사 태그 을 내가 시간 태그, 페이지 태그 등 를 포함한 문서 콘텐츠를 만드는 그런

<div class="wrapper materials"> 
<section id="materials">

는 내가 태그 다음 내가 사업부

에게 닫기 css :

.materials { 
    width: 80%; 
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
}

재료 래퍼의 텍스트는 그대로 유지되지만 왼쪽으로 정렬해야합니다.

당신이 class뿐만 아니라 그래서 id로 materials을 사용하는 모든

출처

2013-11-15 user2994997

첫째로 당신은 당신이 #materials를 사용할 필요가보다 id로 materials을 들고 요소이 따로 없습니다 .materials

#materials { 
    width: 80%; 
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
}

을 대상으로하는 경우 여기에서 가능한 유일한 방법은 CSS 블록을 재정의하는 데 사용되는 더 구체적인 선택기를 사용 중일 수 있다는 것입니다.

#materials { 
    text-align: left; 
}

출처

2013-11-15 05:47:51

당신은 록 스타입니다! 대단히 고마워요. – user2994997

@ user2994997 당신은 환영합니다 ... –

나는 여기 하나의 것을 볼 수 있습니다 ... 나는 특정 디자인 목적을 위해 다른 내에서 열어 놓은 div가 있습니다 ... # 물질을 사용하면 좀 이상하게 보입니다 ... – user2994997

클래스 .wrapper은 text-align: center입니다. 사례 사용을 기반으로 스타일 시트를 검토하고 단순화하는 것이 좋습니다. 예를 들어, 어떤 텍스트를 클래스 .wrapper의 요소 가운데에 넣으려고합니까? 이러한 경우를 지정하면 랩퍼 내의 해당 요소 만 가운데에 놓입니다. 당신이 중심되는 .materials을 제외하고 .wrapper 모든 것을 원하는 경우

또는, 다음 지정이 다음과 같이

.wrapper.materials { 
    text-align: left; 
    width: 80%; 
    margin: 0 auto; 
}

당신이 하나 개의 클래스를 선택하지 않는 브라우저를 이야기하고이 방법으로 두 가지를 결합하여 그들이 다른 곳보다 더 멀리 있지만, 특별하고 모호하지 않은 경우로 취급해야합니다.

출처

2013-11-15 06:29:48 denmch

내 div 콘텐츠 wont 정렬 내 css 지정으로

답변

관련 문제