如何将div块中的文本设置为具有特定宽度?

时间:2017-07-14 14:26:37

标签: html css web css-float

我正在努力让我的代码中的文本只填充我身体元素的80%宽度。不确定我是否应该使用宽度元素或填充..现在也没有对我有效。

HTML:

    <body>
        <div id="full">
            <h3>
                The Idea
            </h3>
            <p class="paragraph">
                text
            </p>
            <h3>
                A Very Profitable Investment
            </h3>
            <p class="paragraph">
                text
            </p>
            <h3>
                30 Years Experience
            </h3>
            <p class="paragraph">
                text
            </p>    
        </div>
    </body>

CSS:

    #full{
    width: 80%;
    margin: auto;
    display: inline-block
    }

2 个答案:

答案 0 :(得分:1)

#full {
  width: 80%;
  margin: 0 auto;
  display: block;
}

以上作品对我来说非常好

display属性设置为inline-block的元素无法自动以自动边距为中心(因此您可能已经感知到全宽使用),但宽度实际上是已经正确了

答案 1 :(得分:1)

如果您可以使用display: block然后使用display: block; margin: 0 auto,则display: inline-block可以移除margin: ...并使用padding: 0 10%(在if let jsonResult = try JSONSerialization.jsonObject(with: data!, options: .allowFragments) as? NSArray { let resourceIDs = NSMutableArray() var result = NSArray() for i in 0 ..< jsonResult.count { let jsonElement : NSDictionary = jsonResult[i] as! NSDictionary let resourceID = jsonElement["ResourceID"]! resourceIDs.add(resourceID) } result = resourceIDs print(result) // data is stored VC.resourceIDs = result //pass the object's NSArray to the ViewController's NSArray } else { print("Could not parse JSON!") } 的任意一侧使用10%填充text = 20%)