当前位置: 首页 > 面试题库 >

代表CSS中100%的1/3的最佳方法?

寇桐
2023-03-14
问题内容

我有一个大的<div><div>里面有三个little 。它们每个都有33%的宽度,但这会引起一些对齐问题,因为3 * 33%!=
100%。像这样在CSS中代表完美三分之一的最佳方法是什么?也许只有33.33%?


问题答案:

现在,现代浏览器calc已广泛支持此功能,您可以使用:

#myDiv {
    width: calc(100%  /3);
}

或者,如果您的浏览器不支持,可以将其用作备用:

#myDivWithFallback {
    width: 33.33%;
    width: calc(100% / 3);
}


 类似资料:
  • 问题内容: 我正在寻找一种显示3列内容的方法。我找到了一种显示环绕列的方法,但是我不希望在此页面上显示。我正在寻找一种说法 3次,并在彼此之间显示3列。我最好的例子是The Verge(http://www.theverge.com/)。做这个的最好方式是什么? 问题答案: 我建议您使用或CSS。 CSS是更灵活的首选。一个例子是: 使用float:left会使3列相互粘连,并从居中的div“内容

  • 问题内容: 我正在使用AngularJS和Bootstrap 3创建一个应用程序。我想显示一个包含数千行的表/网格。什么是AngularJS和Bootstrap的最佳可用控件,具有排序,搜索,分页等功能。 问题答案: 在试用了ngGrid,ngTable,trNgGrid和SmartTable之后,我得出的结论是,SmartTable到目前为止是AngularJS和Bootstrap的最佳实现。它

  • 问题内容: 谁能推荐通过CSS破解IE8样式的最佳方法,我最近一直在轻松地将IE8渲染作为IE7-但想知道是否最好添加IE8黑客? 问题答案: 您应该反转您的方法。首先,您的网站在现代浏览器(如Firefox,Chrome,Opera,IE 9)中应该看起来不错,然后您就可以开始担心其他网站了。 正如其他人所建议的那样,条件注释可以成为您的朋友。 首先,您应该开发CSS以使其在现代浏览器中看起来不

  • 问题内容: 我的网站最近遭到了一个无辜的代码的攻击: 那里没有SQL调用,因此我不担心SQL注入。但是,显然,SQL并不是唯一的注入方式。 该网站提供了解释以及避免代码注入的一些示例:http : //www.theserverpages.com/articles/webmasters/php/security/Code_Injection_Vulnerabilities_Explained.ht

  • 问题内容: 我正在尝试使用Java中的分数。 我想实现算术函数。为此,我首先需要一种将功能标准化的方法。我知道我只有一个公分母才能将1/6和1/2加起来。我将不得不添加1/6和3/6。天真的方法会让我加2/12和6/12,然后减少。如何以最少的性能损失获得一个共同的分母?哪种算法最适合呢? 版本8(感谢hstoerr): 改进包括: 现在equals()方法与compareTo()方法一致 问题答

  • 我有一个需求,以PDF和Excel格式生成报告。因为我也选择了碧玉。现在需要你的帮助来确定相同的最佳方法。 注意-我的查询本质上是动态的。在某些情况下,会提供名称;在某些情况下,它们会提供日期,而不是名称;在某些情况下,两者兼而有之。 下面给出了我所确定的方法。 null