Question

在Firefox中，数字的间隔不同：

但这在Chrome中是正常的：

如何纠正？

的CSS：

body {
margin:0;
padding:0;
}
li {display: inline-block;;}
ul {display: inline;}
ul.submenu {
text-align: justify;
text-align-last: justify;
display: none;
}
ul.submenu > li > a {
display: inline-block;
text-decoration: none;
margin: 3px;
}
ul.submenu > li > a:hover {text-decoration: underline;}
ul.menu > li:hover > ul.submenu {display: block;}

HTML：

<body>
<ul class="menu">
<li><button>Pick</button><ul class="submenu"><li>
<a href="91">091</a><a href="92">092</a><a href="93">093</a><a href="94">094</a><a href="95">095</a><a href="96">096</a><a href="97">097</a><a href="98">098</a><a href="99">099</a><a href="100">100</a><br><a href="101">101</a><a href="102">102</a><a href="103">103</a><a href="104">104</a><a href="105">105</a><a href="106">106</a><a href="107">107</a><a href="108">108</a><a href="109">109</a><a href="110">110</a><br><a href="111">111</a><a href="112">112</a><a href="113">113</a><a href="114">114</a><a href="115">115</a><a href="116">116</a><a href="117">117</a><a href="118">118</a><a href="119">119</a><a href="120">120</a><br><a href="121">121</a><a href="122">122</a><a href="123">123</a><a href="124">124</a><a href="125">125</a><a href="126">126</a><a href="127">127</a><a href="128">128</a><a href="129">129</a><a href="130">130</a><br><a href="131">131</a><a href="132">132</a><a href="133">133</a><a href="134">134</a><a href="135">135</a><a href="136">136</a><a href="137">137</a><a href="138">138</a><a href="139">139</a><a href="140">140</a></li>
</ul></li></ul>
</body>

Answer 1

一个简单的解决方案：

    <build>
  <plugins>
            <!--Set manifest file-->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-jar-plugin</artifactId>
                <version>2.5</version>
                <configuration>
                    <archive>
                        <addMavenDescriptor>false</addMavenDescriptor>
                        <manifest>
                            <addDefaultSpecificationEntries>true</addDefaultSpecificationEntries>
                            <addDefaultImplementationEntries>true</addDefaultImplementationEntries>
                        </manifest>
                        <!--Add manifest properties-->
                        <manifestEntries>
                            <Permissions>all-permissions</Permissions>
                            <Trusted-Library>true</Trusted-Library>
                            <Application-Library-Allowable-Codebase>*</Application-Library-Allowable-Codebase>
                            <Caller-Allowable-Codebase>*</Caller-Allowable-Codebase>
                            <Codebase>*</Codebase>
                        </manifestEntries>
                    </archive>
                </configuration>
            </plugin>
</plugins>
</build>

或

ul.submenu > li > a {
    display: inline-block;
    text-decoration: none;
    margin: 3px;
    width: 24px;
}

http://jsfiddle.net/MadalinaTn/2Lobt5rf/1/

Firefox宽度/数字间隔

1 个答案: